HTML5權威指南 用基本的文字元素標記內容

2021-10-25 04:44:08 字數 2126 閱讀 9460

這下面要記錄的標籤都與設定文字呈現形式相關的,鑑於他們太零碎了,就在這裡做一下記錄吧!書中作者也說到順應語義與呈現分離的原則,盡量少用吧!多用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磅 單位識別符...