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