close

HTML用<h1>到<h6>來定義標頭
Browsers會自動在標題上面加一些空白
Search engines會根據你的headings來當作你網頁的index
應該要依據重要層度來使用<h1>到<h6>
而不是拿來當作粗細或大字來使用

Browser Support
主流皆有support

HTML5之後不支援align屬性, 要改用CSS
支援Global Attributes
支援Event Attributes

Default CSS Settings

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h4 {
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

 

 

1. 官網http://www.w3schools.com/tags/tag_hn.asp

01.png

 

2. 支援的Browser

02.png

 

3. 屬性

03.png

 

4. <h1>範例

04.png

 

5. <h2>範例

05.png

 

6.<h3>範例

06.png

 

7.<h4>範例

07.png

 

8.<h5>範例

08.png

 

9.<h6>範例

09.png  

arrow
arrow
    文章標籤
    HTML <h1> to <h6>
    全站熱搜

    RX1226 發表在 痞客邦 留言(0) 人氣()