HTML - Heading Elements H1, H2, H3, H4, H5 And H6.

Trang chủ » H1 Vs H6 Html » HTML - Heading Elements H1, H2, H3, H4, H5 And H6.

Có thể bạn quan tâm

  • Home
  • Articles

  • Prev article

    Newer

  • Next article

    Older

HTML - Heading elements

h1, h2, h3, h4, h5 and h6.

The W3C HTML5 specification describes six HTML heading elements: h1, h2, h3, h4, h5 and h6. ref

The height of a heading element is specified in the browser's default stylesheet. See col 4 below. ref

The height of 1 em is usually 16 pixels.

The em is a unit of measure from the field of printed type, and is equal to the width of the letter M. ref

HTML element

 rank example text default stylesheet pixel height
<h1> </h1> 1 h1

font-size: 2em font-weight: bolder

32 px
<h2> </h2> 2

h2

font-size: 1.5em font-weight: bolder

24 px
<h3> </h3> 3

h3

font-size: 1.17em font-weight: bolder

18.72 px
<h4> </h4> 4

h4

font-size: 1em font-weight: bolder

16 px
<h5> </h5> 5
h5

font-size: .83em font-weight: bolder

13.28 px
<h6> </h6> 6
h6

font-size: .67em font-weight: bolder

10.72 px
h1 = 2em/32px

h2 = 1.5em/24px

h3 = 1.17em/18.72px

h4 = 1em/16px

h5 = 0.83em/13.28px
h6 = 0.67em/10.72px
Normal text height is 1em / 16px.

Ads by Google

  • Prev article

    Newer

  • Next article

    Older

Ask a question, send a comment, or report a problem - click here to contact me.

© Richard McGrath

Từ khóa » H1 Vs H6 Html