mozilla
Your Search Results

    見出し要素

    概要

    見出し要素は文書中の見出しを示す為の要素です。<h1> を最上位とし <h​6> を最も低いレベルとする 6 段階 のレベルで実装されています。見出し要素にはセクションで紹介されるトピックを簡潔に記述します。ユーザーエージェントの中には、文書中の見出し要素の記述を解析し、自動的に文書の目次を生成するものもあります。

    属性

    他の全ての HTML 要素と同様に、見出し要素はグローバル属性を持ちます。

    align 属性は HTML 4.01 に、また HTML5 になりました。

    全ての見出し

    以下のコードでは、すべての見出しレベルを示しています。

    <h1>Heading level 1</h1>
    <h2>Heading level 2</h2>
    <h3>Heading level 3</h3>
    <h4>Heading level 4</h4>
    <h5>Heading level 5</h5>
    <h6>Heading level 6</h6>
    

    以下の様に出力されます。

    Image:HTML-headers2.png

    前後の文脈上を含めた使用例

    以下のコードでは、いくつかの見出しとその配下のコンテンツを示しています。

    <h1>Heading elements</h1>
    <h2>Summary</h2>
    <p>Some text here...</p>
    
    <h2>Examples</h2>
    <h3>Example 1</h3>
    <p>Some text here...</p>
    
    <h3>Example 2</h3>
    <p>Some text here...</p>
    
    <h2>See also</h2>
    <p>Some text here...</p>
    

    以下の様に出力されます。

    Image:HTML-headers1.png

    注意

    フォントサイズを変更する目的で見出し要素を使ったり、また同じ目的で見出しのレベルを上げ下げしてはいけません。意味的なものでない、単なる視覚的なフォントサイズの調整には、CSSfont-size プロパティを使用するのが適切です。

    見出しのレベルをスキップしてはいけません。文書中の見出しは常に <h1> から始まるようにし、h1 要素 の指し示すセクションの子となるセクションの見出しには <h2> を使用します。また、ページ内で第 1 レベルの見出しは 1 つだけにしましょう。

    HTML5 では <section> 要素を用いて文書のアウトラインを示す事も出来ます。見出しはセクションやサブセクションのタイトルを示します。また、見出しとそのコンテンツは <div> 要素を使用してグループ化することもできます。

    仕様

    仕様書 策定状況 コメント
    WHATWG HTML Living Standard Living Standard  
    HTML5 勧告候補  
    HTML 4.01 Specification 勧告  

    ブラウザ実装状況

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
    基本サポート (有) 1.0 (1.7 or earlier) (有) (有) (有)
    機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    基本サポート (有) 1.0 (1.0) (有) (有) (有)

    関連情報

    ドキュメントのタグと貢献者

    Contributors to this page: dskmori, Potappo, ethertank, yyss
    最終更新者: yyss,