html5權威指南 標記文字

2022-03-02 04:45:47 字數 2277 閱讀 4215

html5權威指南-第八章-用基本的文字元素標記內容 :

html5權威指南

-第八章-標記文字:

通用容器

<

p>some <

span

>text

span

>

p>

強調重要

,

i am very worried!

warning

表示不同情緒或聲音的文字,如內心對白

表示外來語、分類學名和技術術語等

"fr">oh la la!

用於分隔文字

用於文章或故事的引言

after bringingwaterto a boil, addpotatoesandcarrots

不精確文字

在html5中重新定義為有錯的、過時的、不被建議使用的文字,常用於表示**變動等

**¥1298¥998!

表示高亮或用於引用而標記的文字

用來定義術語

<

p>

a<

sup>2

sup>

+b<

sup>2

sup>

=c<

sup>2

sup>

p>

<

p>

h<

sub>2

sub>

so<

sub>4

sub>

p>

文字刪改

文件中插入的內容

文件中刪除的內容

《屬性》

[1]datetime:用於標明編輯的日期和可選的時間

<

p>一打有 <

del

datetime

="2015-12-30t00:00z"

cite

="edit.html"

>二十

del>

<

ins>十二

ins> 件。

p>

表示日期或時間

《屬性》

[1]datatime表示確切的時間,遵循格式yyyy-mm-ddthh:mm:sstzd,表示年-月-天-分割符t-時-分-秒-時區

[2]pubdate表示元素中的日期或時間是文件的發布日期

注音標識

表示ruby標記

表示ruby標記文字

表示ruby標記括號

<

ruby

>漢<

rp>(

rp><

rt>hàn

rt><

rp>)

rp>語<

rp>(

rp><

rt>yǔ

rt><

rp>)

rp>

ruby

>

文字方向

忽略周圍文字方向的文字

覆蓋兩種方向的設定,允許顯式設定方向,並覆蓋所有其他當前方向

<

p>when rendered by a browser, <

bdo

dir="rtl"

>these words

bdop

>

**表示計算機**

定義鍵盤碼

定義計算機例子**

定義打字機**

定義變數

<

p>

<

code

>computer code

code

>

<

br />

<

kbd>keyboard input

kbd>

<

br />

<

tt>teletype text

tt>

<

br />

<

samp

>sample text

samp

>

<

br />

<

var>computer variable

var>

<

br />

p>

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

這下面要記錄的標籤都與設定文字呈現形式相關的,鑑於他們太零碎了,就在這裡做一下記錄吧!書中作者也說到順應語義與呈現分離的原則,盡量少用吧!多用css來設定呈現方式吧!i like and orangesb body 下圖就是他的呈現方式 em元素表示對一段文字的強調 聯想到em是css中的相對長度,...

HTML5權威指南 建立布局

值 說明static 預設值,普通布局 relative 元素位置相對於static定位 absolute 元素相對於position值不為static的第一位祖先元素定位 fixed 元素相對於瀏覽器視窗定位 跟報紙的排版一樣 果然如同報紙一樣!書中寫的已經有些過時了。我就找一些資料按照書上的思路...

html5 權威指南 知識小結 II

css3盒模型 ch20 使用盒模型 1 內邊距 padding 內邊距屬性padding top padding right padding bottom padding left padding 2 外邊距外邊距屬性margin top margin right margin bottom ma...