HTML5的結構和語義(4):語義性的內聯元素

2024-08-26 00:16:31

字體：大中小

來源：轉載

供稿：網友

點評：　　HTML4用5個不同的內聯元素表示略有差異的計算機代碼：var、code、kbd、tt和samp。但是，它無法表示時間、數字等基本數值。HTML5提供了幾個新的內聯元素來滿足非技術作者的需求。m　　m元素表示文本被“加上標志”，但是不一定要強調?？梢园阉胂癯蓵型怀?/p>

HTML4用5個不同的內聯元素表示略有差異的計算機代碼：var、code、kbd、tt和samp。但是，它無法表示時間、數字等基本數值。HTML5提供了幾個新的內聯元素來滿足非技術作者的需求。
m
　　m元素表示文本被“加上標志”，但是不一定要強調。可以把它想像成書中突出顯示的一節。Google的緩存頁面就是典型的用例。如果鏈接到一個緩存的副本，搜索詞就被加上標志。例如，如果搜索“Egret”，那么緩存的Google頁面可能像下面這樣：
TheGreat<m>Egret</m>(alsoknownasthe
American<m>Egret</m>)isalargewhitewadingbirdfoundworldwide.
TheGreat<m>Egret</m>flieswithslowwingbeats.The
scientificnameoftheGreat<m>Egret</m>isCasmerodius
albus.
　　對于這個元素的名稱當前還有爭議。在規范發布之前，它可能從m改為mark。
time
　　time元素表示一個時間值，比如5:35P.M.,EST,April23,2007。例如：
Iamwritingthisexampleat
<time>5:35P.M.onApril23rd</time>.

　　time元素可以幫助瀏覽器和其他程序識別出HTML頁面中的時間。它不要求對元素內容應用任何特定的格式。但是，每個time元素都應該有一個datetime屬性，其中包含更適合機器識別的時間值，比如：
Iamwritingthisexampleat
<timedatetime="2007-04-23T17:35:00-05:00">5:35P.M.onApril23rd</time>.

　　適合機器讀取的時間值可能對搜索引擎、日歷程序等有幫助。
meter
　　meter元素表示指定范圍內的數字值。例如，可以用它表示薪水、投票給LePen的法國選民的百分比或考試分數。在這里，我使用meter標出SoftwareDevelopment2007上一位Google程序員提供的數據：
AnentrylevelprogrammerinSiliconValley
canexpecttostartaround<meter>$90,000</meter>peryear.

　　meter元素幫助瀏覽器和其他客戶機識別HTML頁面中的數量。它不要求對元素內容應用任何特定的格式。但是，每個meter元素可以有最多6個屬性，它們按照更適合機器識別的形式表示這個數量：
　　value
　　min
　　low
　　high
　　max
　　optimum
　　這些屬性都應該包含一個十進制數字。例如，期末考試的分數可以寫成下面這樣：
Yourscorewas
<metervalue="88.7"min="0"max="100"low="65"high="96"optimum="100">B </meter>.

　　這表示這個學生的分數是百分制中的88.7?？赡艿淖畹头謹凳?，但是實際的最低分數是65?？赡艿淖罡叻謹凳?00，但是實際的最高分數是96。用戶代理可以用某種數值控件顯示這一信息，也可以在工具提示中顯示額外的數據，但是最常見的情況可能是像其他內聯元素一樣對它應用樣式。
progress
　　progress元素表示一個正在進行的過程的狀態，就像圖形用戶界面（GUI）應用程序中的進度條。例如，可以用它表示一個文件已經下載的百分比或者播放電影時的當前位置。下面這個進度控件表示下載已經完成了33%：
Downloaded:
<progressvalue="1534602"max="4603807">33%</progress>

　　value屬性表示操作的當前狀態。max屬性表示操作的總量。這個元素指出要下載的數據總量是4,603,807字節，已經下載了1,534,602字節。
　　忽略max屬性，就可以顯示無限的進度。
　　在操作進行時，應該使用JavaScript語言動態地更新進度條。在靜態情況下，這個元素沒什么意義。
　　
　　（待續）

上一篇：HTML5的結構和語義(5):交互

下一篇：HTML5中語義化 b 和 i 標簽