這下面要記錄的標籤都與設定文字呈現形式相關的,鑑於他們太零碎了,就在這裡做一下記錄吧!書中作者也說到順應語義與呈現分離的原則,盡量少用吧!多用css來設定呈現方式吧!
>
i like
>
>
and
>
orangesb
>
body
>
下圖就是他的呈現方式:
em元素表示對一段文字的強調(聯想到em是css中的相對長度,跟字型大小掛鉤的。)可以理解為給文字新增乙個語境。
>
i like
>
>
and
>
orangesem
>
body
>
下面就是他的呈現方式(看上去是變成斜體了):
i元素表示一段文字與周圍內容有本質區別。這個含義是相當的模糊,不過書中說這個 元素常用來表示外文詞語,科技術語,或者是某個人的想法。
>
i like
>
>
and
>
orangesi
>
body
>
下圖是他的呈現方式(看上去跟em是一樣的,都變成斜體了)
s元素用來表示一段文字不再準確或正確。他的樣式是在文字上顯示一條刪除線。
用strong元素表示一段重要的文字。與b元素的區別就是strong賦予文字以重要性。
>
>
/>
>
warning:strong
>
eating too many oranges can give you heart burn
第一行是b,第二行是strong,看呈現方式上沒有太大的區別。
u元素將一段文字從周圍中凸顯出來的方式是加下劃線,但他並未賦予強調或者重要性的意思,只是給了呈現效果。
>
warning:eating too many oranges can give you heart burnu
>
warning:eating too many oranges can give you heart burn
/>
>
warning:eating too many oranges can give you heart burnsmall
>
第一行是正常顯示,第二行是用了small
使用sub和sup新增上標和下標。
html5權威指南 標記文字
html5權威指南 第八章 用基本的文字元素標記內容 html5權威指南 第八章 標記文字 通用容器 p some span text span p 強調重要 i am very worried warning 表示不同情緒或聲音的文字,如內心對白 表示外來語 分類學名和技術術語等 fr oh la...
HTML5權威指南 建立布局
值 說明static 預設值,普通布局 relative 元素位置相對於static定位 absolute 元素相對於position值不為static的第一位祖先元素定位 fixed 元素相對於瀏覽器視窗定位 跟報紙的排版一樣 果然如同報紙一樣!書中寫的已經有些過時了。我就找一些資料按照書上的思路...
HTML5權威指南 CSS的長度
css的長度分為兩種,相對的和絕對的。相對的肯定就是有參照物的,在參照物的基礎上放縮。但奇怪的是px是相對長度。絕對長度就是現實世界的度量單位,為列印文件設計樣式可以使用這種單位。單位識別符號 說明in 英吋cm 厘公尺mm 公釐pt 磅 1 72英吋 pcpica 1pica等於12磅 單位識別符...