HTML4用5個不同的內(nèi)聯(lián)元素表示略有差異的計(jì)算機(jī)代碼:var、code、kbd、tt 和 samp。但是,它無法表示時間、數(shù)字等基本數(shù)值。HTML 5 提供了幾個新的內(nèi)聯(lián)元素來滿足非技術(shù)作者的需求。 m  m 元素表示文本被 “加上標(biāo)志”,但是不一定要強(qiáng)…
HTML4用5個不同的內(nèi)聯(lián)元素表示略有差異的計(jì)算機(jī)代碼:var、code、kbd、tt 和 samp。但是,它無法表示時間、數(shù)字等基本數(shù)值。HTML 5 提供了幾個新的內(nèi)聯(lián)元素來滿足非技術(shù)作者的需求。
m
m 元素表示文本被 “加上標(biāo)志”,但是不一定要強(qiáng)調(diào)??梢园阉胂癯蓵型怀鲲@示的一節(jié)。Google 的緩存頁面就是典型的用例。如果鏈接到一個緩存的副本,搜索詞就被加上標(biāo)志。例如,如果搜索 “Egret”,那么緩存的 Google 頁面可能像下面這樣:
Example Source Code [www.qiegegongcheng.com]
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>.
對于這個元素的名稱當(dāng)前還有爭議。在規(guī)范發(fā)布之前,它可能從 m 改為 mark。
time
time 元素表示一個時間值,比如 5:35 P.M., EST, April 23, 2007。例如:
Example Source Code [www.qiegegongcheng.com]
<p>I am writing this example at
<time>5:35 P.M. on April 23rd</time>.
</p>
time 元素可以幫助瀏覽器和其他程序識別出 HTML 頁面中的時間。它不要求對元素內(nèi)容應(yīng)用任何特定的格式。但是,每個 time 元素都應(yīng)該有一個 datetime 屬性,其中包含更適合機(jī)器識別的時間值,比如:
Example Source Code [www.qiegegongcheng.com]
<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>
適合機(jī)器讀取的時間值可能對搜索引擎、日歷程序等有幫助。
meter
meter 元素表示指定范圍內(nèi)的數(shù)字值。例如,可以用它表示薪水、投票給 Le Pen 的法國選民的百分比或考試分?jǐn)?shù)。在這里,我使用 meter 標(biāo)出 Software Development 2007 上一位 Google 程序員提供的數(shù)據(jù):
Example Source Code [www.qiegegongcheng.com]
<p>An entry level programmer in Silicon Valley
can expect to start around <meter>$90,000</meter> per year.
</p>
meter 元素幫助瀏覽器和其他客戶機(jī)識別 HTML 頁面中的數(shù)量。它不要求對元素內(nèi)容應(yīng)用任何特定的格式。但是,每個 meter 元素可以有最多 6 個屬性,它們按照更適合機(jī)器識別的形式表示這個數(shù)量:
value
min
low
high
max
optimum
這些屬性都應(yīng)該包含一個十進(jìn)制數(shù)字。例如,期末考試的分?jǐn)?shù)可以寫成下面這樣:
Example Source Code [www.qiegegongcheng.com]
<p>Your score was
<meter value="88.7" min="0" max="100" low="65" high="96" optimum="100">B+</meter>.
</p>
這表示這個學(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ù),但是最常見的情況可能是像其他內(nèi)聯(lián)元素一樣對它應(yīng)用樣式。
progress
progress 元素表示一個正在進(jìn)行的過程的狀態(tài),就像圖形用戶界面(GUI)應(yīng)用程序中的進(jìn)度條。例如,可以用它表示一個文件已經(jīng)下載的百分比或者播放電影時的當(dāng)前位置。下面這個進(jìn)度控件表示下載已經(jīng)完成了 33%:
Example Source Code [www.qiegegongcheng.com]
<p>Downloaded:
<progress value="1534602" max="4603807">33%</progress>
</p>
value 屬性表示操作的當(dāng)前狀態(tài)。max 屬性表示操作的總量。這個元素指出要下載的數(shù)據(jù)總量是 4,603,807 字節(jié),已經(jīng)下載了 1,534,602 字節(jié)。
忽略 max 屬性,就可以顯示無限的進(jìn)度。
在操作進(jìn)行時,應(yīng)該使用 JavaScript 語言動態(tài)地更新進(jìn)度條。在靜態(tài)情況下,這個元素沒什么意義。