HTML5的結(jié)構(gòu)和語(yǔ)義——語(yǔ)義性的內(nèi)聯(lián)元素(四)_XHTML教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
HTML4用5個(gè)不同的內(nèi)聯(lián)元素表示略有差異的計(jì)算機(jī)代碼:var、code、kbd、tt 和 samp。但是,它無(wú)法表示時(shí)間、數(shù)字等基本數(shù)值。HTML 5 提供了幾個(gè)新的內(nèi)聯(lián)元素來(lái)滿足非技術(shù)作者的需求。
m
m 元素表示文本被 “加上標(biāo)志”,但是不一定要強(qiáng)調(diào)�?梢园阉胂癯蓵�(shū)中突出顯示的一節(jié)。Google 的緩存頁(yè)面就是典型的用例。假如鏈接到一個(gè)緩存的副本,搜索詞就被加上標(biāo)志。例如,假如搜索 “Egret”,那么緩存的 Google 頁(yè)面可能像下面這樣:
示例代碼 [m.hl5o.cn]
The Great <m>Egret</m> (also known as the
American <m>Egret</m>) is a large white wading bird found worldwide.
The Great <m>Egret</m> flies with slow wing beats. The
scientific name of the Great <m>Egret</m> is <i>Casmerodius
albus</i>.
American <m>Egret</m>) is a large white wading bird found worldwide.
The Great <m>Egret</m> flies with slow wing beats. The
scientific name of the Great <m>Egret</m> is <i>Casmerodius
albus</i>.
對(duì)于這個(gè)元素的名稱當(dāng)前還有爭(zhēng)議。在規(guī)范發(fā)布之前,它可能從 m 改為 mark。
time
time 元素表示一個(gè)時(shí)間值,比如 5:35 P.M., EST, April 23, 2007。例如:
示例代碼 [m.hl5o.cn]
<p>I am writing this example at
<time>5:35 P.M. on April 23rd</time>.
</p>
<time>5:35 P.M. on April 23rd</time>.
</p>
time 元素可以幫助瀏覽器和其他程序識(shí)別出 HTML 頁(yè)面中的時(shí)間。它不要求對(duì)元素內(nèi)容應(yīng)用任何特定的格式。但是,每個(gè) time 元素都應(yīng)該有一個(gè) datetime 屬性,其中包含更適合機(jī)器識(shí)別的時(shí)間值,比如:
示例代碼 [m.hl5o.cn]
<p>I am writing this example at
<time datetime="2007-04-23T17:35:00-05:00">5:35 P.M. on April 23rd</time>.
</p>
<time datetime="2007-04-23T17:35:00-05:00">5:35 P.M. on April 23rd</time>.
</p>
適合機(jī)器讀取的時(shí)間值可能對(duì)搜索引擎、日歷程序等有幫助。
meter
meter 元素表示指定范圍內(nèi)的數(shù)字值。例如,可以用它表示薪水、投票給 Le Pen 的法國(guó)選民的百分比或考試分?jǐn)?shù)。在這里,我使用 meter 標(biāo)出 Software Development 2007 上一位 Google 程序員提供的數(shù)據(jù):
示例代碼 [m.hl5o.cn]
<p>An entry level programmer in Silicon Valley
can expect to start around <meter>$90,000</meter> per year.
</p>
can expect to start around <meter>$90,000</meter> per year.
</p>
meter 元素幫助瀏覽器和其他客戶機(jī)識(shí)別 HTML 頁(yè)面中的數(shù)量。它不要求對(duì)元素內(nèi)容應(yīng)用任何特定的格式。但是,每個(gè) meter 元素可以有最多 6 個(gè)屬性,它們按照更適合機(jī)器識(shí)別的形式表示這個(gè)數(shù)量:
value
min
low
high
max
optimum
這些屬性都應(yīng)該包含一個(gè)十進(jìn)制數(shù)字。例如,期末考試的分?jǐn)?shù)可以寫(xiě)成下面這樣:
示例代碼 [m.hl5o.cn]
<p>Your score was
<meter value="88.7" min="0" max="100" low="65" high="96" optimum="100">B </meter>.
</p>
<meter value="88.7" min="0" max="100" low="65" high="96" optimum="100">B </meter>.
</p>
這表示這個(gè)學(xué)生的分?jǐn)?shù)是百分制中的 88.7�?赡艿淖畹头�?jǐn)?shù)是 0,但是實(shí)際的最低分?jǐn)?shù)是 65�?赡艿淖罡叻�?jǐn)?shù)是 100,但是實(shí)際的最高分?jǐn)?shù)是 96。用戶代理可以用某種數(shù)值控件顯示這一信息,也可以在工具提示中顯示額外的數(shù)據(jù),但是最常見(jiàn)的情況可能是像其他內(nèi)聯(lián)元素一樣對(duì)它應(yīng)用樣式。
progress
progress 元素表示一個(gè)正在進(jìn)行的過(guò)程的狀態(tài),就像圖形用戶界面(GUI)應(yīng)用程序中的進(jìn)度條。例如,可以用它表示一個(gè)文件已經(jīng)下載的百分比或者播放電影時(shí)的當(dāng)前位置。下面這個(gè)進(jìn)度控件表示下載已經(jīng)完成了 33%:
示例代碼 [m.hl5o.cn]
<p>Downloaded:
<progress value="1534602" max="4603807">33%</progress>
</p>
<progress value="1534602" max="4603807">33%</progress>
</p>
value 屬性表示操作的當(dāng)前狀態(tài)。max 屬性表示操作的總量。這個(gè)元素指出要下載的數(shù)據(jù)總量是 4,603,807 字節(jié),已經(jīng)下載了 1,534,602 字節(jié)。
忽略 max 屬性,就可以顯示無(wú)限的進(jìn)度。
在操作進(jìn)行時(shí),應(yīng)該使用 JavaScript 語(yǔ)言動(dòng)態(tài)地更新進(jìn)度條。在靜態(tài)情況下,這個(gè)元素沒(méi)什么意義。
�。ùm(xù))
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- DIV CSS網(wǎng)頁(yè)布局中常用的列表元素ul ol li dl dt dd釋義
- 總結(jié)XHTML代碼常見(jiàn)的應(yīng)用問(wèn)題
- 淺說(shuō)XHTML中CDATA
- 網(wǎng)頁(yè)設(shè)計(jì)制作之改進(jìn)超級(jí)鏈接效果
- HTML高級(jí)教程親和力的表單
- HTML5語(yǔ)言:AppleOperaMozilla將支持
- DIV CSS布局基礎(chǔ):HTML標(biāo)記(二)
- HTML表格標(biāo)記教程(37):表頭的背景圖象屬性BACKGROUND
- 通過(guò)實(shí)例掌握BR和P標(biāo)簽的區(qū)別
- HTML表單標(biāo)記教程(2):
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索HTML5的結(jié)構(gòu)和語(yǔ)義——語(yǔ)義性的內(nèi)聯(lián)元素(四)
- 教程說(shuō)明:
XHTML教程-HTML5的結(jié)構(gòu)和語(yǔ)義——語(yǔ)義性的內(nèi)聯(lián)元素(四)
。