HTML5的結(jié)構(gòu)和語義——語義性的內(nèi)聯(lián)元素(四)_XHTML教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　　
　　HTML4用5個不同的內(nèi)聯(lián)元素表示略有差異的計算機代碼：var、code、kbd、tt 和 samp。但是，它無法表示時間、數(shù)字等基本數(shù)值。HTML 5 提供了幾個新的內(nèi)聯(lián)元素來滿足非技術(shù)作者的需求。

m

　　m 元素表示文本被 “加上標(biāo)志”，但是不一定要強調(diào)�？梢园阉胂癯蓵型怀鲲@示的一節(jié)。Google 的緩存頁面就是典型的用例。假如鏈接到一個緩存的副本，搜索詞就被加上標(biāo)志。例如，假如搜索 “Egret”，那么緩存的 Google 頁面可能像下面這樣：

示例代碼 [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 Casmerodius
albus.

　　對于這個元素的名稱當(dāng)前還有爭議。在規(guī)范發(fā)布之前，它可能從 m 改為 mark。

time

　　time 元素表示一個時間值，比如 5:35 P.M., EST, April 23, 2007。例如：

示例代碼 [hl5o.cn]

I am writing this example at
<time>5:35 P.M. on April 23rd</time>.

　　time 元素可以幫助瀏覽器和其他程序識別出 HTML 頁面中的時間。它不要求對元素內(nèi)容應(yīng)用任何特定的格式。但是，每個 time 元素都應(yīng)該有一個 datetime 屬性，其中包含更適合機器識別的時間值，比如：

示例代碼 [hl5o.cn]

I am writing this example at
<time datetime="2007-04-23T17:35:00-05:00">5:35 P.M. on April 23rd</time>.

　　適合機器讀取的時間值可能對搜索引擎、日歷程序等有幫助。

meter

　　meter 元素表示指定范圍內(nèi)的數(shù)字值。例如，可以用它表示薪水、投票給 Le Pen 的法國選民的百分比或考試分數(shù)。在這里，我使用 meter 標(biāo)出 Software Development 2007 上一位 Google 程序員提供的數(shù)據(jù)：

示例代碼 [hl5o.cn]

An entry level programmer in Silicon Valley
can expect to start around <meter>$90,000</meter> per year.

　　meter 元素幫助瀏覽器和其他客戶機識別 HTML 頁面中的數(shù)量。它不要求對元素內(nèi)容應(yīng)用任何特定的格式。但是，每個 meter 元素可以有最多 6 個屬性，它們按照更適合機器識別的形式表示這個數(shù)量：
　　value
　　min
　　low
　　high
　　max
　　optimum
　　這些屬性都應(yīng)該包含一個十進制數(shù)字。例如，期末考試的分數(shù)可以寫成下面這樣：

示例代碼 [hl5o.cn]

Your score was
<meter value="88.7" min="0" max="100" low="65" high="96" optimum="100">B </meter>.

　　這表示這個學(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)下載的百分比或者播放電影時的當(dāng)前位置。下面這個進度控件表示下載已經(jīng)完成了 33%：

示例代碼 [hl5o.cn]

Downloaded:
<progress value="1534602" max="4603807">33%</progress>

　　value 屬性表示操作的當(dāng)前狀態(tài)。max 屬性表示操作的總量。這個元素指出要下載的數(shù)據(jù)總量是 4,603,807 字節(jié)，已經(jīng)下載了 1,534,602 字節(jié)。
　　忽略 max 屬性，就可以顯示無限的進度。
　　在操作進行時，應(yīng)該使用 JavaScript 語言動態(tài)地更新進度條。在靜態(tài)情況下，這個元素沒什么意義。
　　
　�。ùm(xù)）
　　