H1-H6標籤最常見的字體大小

我一直不確定從哪裏開始，作爲一般性的最佳實踐基準。是的，我知道這取決於你的設計 - 但最常見的是什麼？H1-H6標籤最常見的字體大小

這裏是我現在有作爲首發：

h1 { font-size: 24px;} 
h2 { font-size: 22px;} 
h3 { font-size: 18px;} 
h4 { font-size: 16px;} 
h5 { font-size: 12px;} 
h6 { font-size: 10px;}

是的，我們不會在我目前的工作使用EMS。

謝謝

來源

2011-05-26 rsturim

不認爲這是一個合適的問題，因爲沒有答案。 – Treemonkey 2011-05-26 14:43:52

這也是一個設計問題，而不是編程問題。 – Quentin 2011-05-26 14:47:24

你是什麼意思的「最常見」？ – 2011-05-26 15:07:02

177

這取決於瀏覽器的默認樣式表。您可以查看（非官方）CSS2.1用戶代理樣式表的默認值here。

基於上面列出的頁面上，默認大小是這個樣子：

IE7  IE8  FF2   FF3   Opera Safari 3.1 
H1 24pt 2em  32px  32px  32px 32px  
H2 18pt 1.5em 24px  24px  24px 24px 
H3 13.55pt 1.17em 18.7333px 18.7167px 18px 19px 
H4 n/a  n/a  n/a   n/a   n/a  n/a 
H5 10pt 0.83em 13.2667px 13.2833px 13px 13px 
H6 7.55pt 0.67em 10.7333px 10.7167px 10px 11px

另外值得一看就是default stylesheet for HTML 4。 W3C建議使用這些樣式作爲默認值。刪節摘錄：

h1 { font-size: 2em; } 
h2 { font-size: 1.5em; } 
h3 { font-size: 1.17em; } 
h4 { font-size: 1.12em; } 
h5 { font-size: .83em; } 
h6 { font-size: .75em; }

希望這些信息對您有所幫助。

來源

2011-05-26 14:46:20 Donut

偉大的答案 - 謝謝甜甜圈！ – rsturim 2011-05-27 07:24:51

H6的HTML 4建議已被忽略，0.67em韓元;現在的WebKit和FF使用與IE8相同的「em」尺寸。 http://www.w3.org/TR/html-markup/h6.html還說「典型」顯示是0.67em。 – 2013-11-14 04:29:49

任何背後的推理或一些隨機的人曾經說過「這些尺寸應該有標題」？ – rzb 2017-01-26 12:00:52

標題通常是大膽的;已經關閉這個尺寸對應的演示。 MSIE和Opera將這些大小解釋爲相同，但請注意，Gecko瀏覽器和Chrome將Heading 6解釋爲11像素而不是10像素/字體大小1，而Heading 3像19像素而不是18像素/字體大小4（儘管很難即使直接比較也不可能使用）。看來Gecko還將文本限制爲不小於10個像素。

來源

2011-05-26 14:44:13

H1-H6標籤最常見的字體大小

回答

相關問題