HTML5的結(jié)構(gòu)和語義(4)-語義性的內(nèi)聯(lián)元素_0

2020-03-24 19:22:59

字體：大中小

供稿：網(wǎng)友

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

m

m元素表示文本被加上標(biāo)志，但是不一定要強(qiáng)調(diào)。可以把它想像成書中突出顯示的一節(jié)。Google的緩存頁面就是典型的用例。如果鏈接到一個緩存的副本，搜索詞就被加上標(biāo)志。例如，如果搜索 Egret ，那么緩存的Google頁面可能像下面這樣：

TheGreat m Egret /m (alsoknownasthe
American m Egret /m )isalargewhitewadingbirdfoundworldwide.
TheGreat m Egret /m flieswithslowwingbeats.The
scientificnameoftheGreat m Egret /m is i Casmerodius
albus /i .
對于這個元素的名稱當(dāng)前還有爭議。在規(guī)范發(fā)布之前，它可能從m改為mark。

time

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

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

p Iamwritingthisexampleat
timedatetime= 2007-04-23T17:35:00-05:00 5:35P.M.onApril23rd /time .
/p
適合機(jī)器讀取的時間值可能對搜索引擎、日歷程序等有幫助。

meter

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

p AnentrylevelprogrammerinSiliconValley
canexpecttostartaround meter $90,000 /meter peryear.
/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ù)可以寫成下面這樣：

p Yourscorewas
metervalue= 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，但是實際的最低分?jǐn)?shù)是65。可能的最高分?jǐn)?shù)是100，但是實際的最高分?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%：

p Downloaded:
progressvalue= 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)情況下，這個元素沒什么意義。

（待續(xù)）html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。

上一篇：HTML中div與span對比

下一篇：Html實現(xiàn)邊框圓角的實例詳解