HTML5的結構和語義(4):語義性的內(nèi)聯(lián)元素
互聯(lián)網(wǎng) 發(fā)布時間:2008-10-17 18:55:34 作者:佚名
我要評論

HTML4用5個不同的內(nèi)聯(lián)元素表示略有差異的計算機代碼:var、code、kbd、tt和samp。但是,它無法表示時間、數(shù)字等基本數(shù)值。HTML5提供了幾個新的內(nèi)聯(lián)元素來滿足非技術作者的需求。
m
m元素表示文本被“加上標志”,但是不一定要強調(diào)??梢园阉胂癯蓵型怀?/div>
HTML4用5個不同的內(nèi)聯(lián)元素表示略有差異的計算機代碼:var、code、kbd、tt和samp。但是,它無法表示時間、數(shù)字等基本數(shù)值。HTML5提供了幾個新的內(nèi)聯(lián)元素來滿足非技術作者的需求。
m
m元素表示文本被“加上標志”,但是不一定要強調(diào)??梢园阉胂癯蓵型怀鲲@示的一節(jié)。Google的緩存頁面就是典型的用例。如果鏈接到一個緩存的副本,搜索詞就被加上標志。例如,如果搜索“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>.
對于這個元素的名稱當前還有爭議。在規(guī)范發(fā)布之前,它可能從m改為mark。
time
time元素表示一個時間值,比如5:35P.M.,EST,April23,2007。例如:
<p>Iamwritingthisexampleat
<time>5:35P.M.onApril23rd</time>.
</p>
time元素可以幫助瀏覽器和其他程序識別出HTML頁面中的時間。它不要求對元素內(nèi)容應用任何特定的格式。但是,每個time元素都應該有一個datetime屬性,其中包含更適合機器識別的時間值,比如:
<p>Iamwritingthisexampleat
<timedatetime="2007-04-23T17:35:00-05:00">5:35P.M.onApril23rd</time>.
</p>
適合機器讀取的時間值可能對搜索引擎、日歷程序等有幫助。
meter
meter元素表示指定范圍內(nèi)的數(shù)字值。例如,可以用它表示薪水、投票給LePen的法國選民的百分比或考試分數(shù)。在這里,我使用meter標出SoftwareDevelopment2007上一位Google程序員提供的數(shù)據(jù):
<p>AnentrylevelprogrammerinSiliconValley
canexpecttostartaround<meter>$90,000</meter>peryear.
</p>
meter元素幫助瀏覽器和其他客戶機識別HTML頁面中的數(shù)量。它不要求對元素內(nèi)容應用任何特定的格式。但是,每個meter元素可以有最多6個屬性,它們按照更適合機器識別的形式表示這個數(shù)量:
value
min
low
high
max
optimum
這些屬性都應該包含一個十進制數(shù)字。例如,期末考試的分數(shù)可以寫成下面這樣:
<p>Yourscorewas
<metervalue="88.7"min="0"max="100"low="65"high="96"optimum="100">B </meter>.
</p>
這表示這個學生的分數(shù)是百分制中的88.7。可能的最低分數(shù)是0,但是實際的最低分數(shù)是65。可能的最高分數(shù)是100,但是實際的最高分數(shù)是96。用戶代理可以用某種數(shù)值控件顯示這一信息,也可以在工具提示中顯示額外的數(shù)據(jù),但是最常見的情況可能是像其他內(nèi)聯(lián)元素一樣對它應用樣式。
progress
progress元素表示一個正在進行的過程的狀態(tài),就像圖形用戶界面(GUI)應用程序中的進度條。例如,可以用它表示一個文件已經(jīng)下載的百分比或者播放電影時的當前位置。下面這個進度控件表示下載已經(jīng)完成了33%:
<p>Downloaded:
<progressvalue="1534602"max="4603807">33%</progress>
</p>
value屬性表示操作的當前狀態(tài)。max屬性表示操作的總量。這個元素指出要下載的數(shù)據(jù)總量是4,603,807字節(jié),已經(jīng)下載了1,534,602字節(jié)。
忽略max屬性,就可以顯示無限的進度。
在操作進行時,應該使用JavaScript語言動態(tài)地更新進度條。在靜態(tài)情況下,這個元素沒什么意義。
?。ùm(xù))
m
m元素表示文本被“加上標志”,但是不一定要強調(diào)??梢园阉胂癯蓵型怀鲲@示的一節(jié)。Google的緩存頁面就是典型的用例。如果鏈接到一個緩存的副本,搜索詞就被加上標志。例如,如果搜索“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>.
對于這個元素的名稱當前還有爭議。在規(guī)范發(fā)布之前,它可能從m改為mark。
time
time元素表示一個時間值,比如5:35P.M.,EST,April23,2007。例如:
<p>Iamwritingthisexampleat
<time>5:35P.M.onApril23rd</time>.
</p>
time元素可以幫助瀏覽器和其他程序識別出HTML頁面中的時間。它不要求對元素內(nèi)容應用任何特定的格式。但是,每個time元素都應該有一個datetime屬性,其中包含更適合機器識別的時間值,比如:
<p>Iamwritingthisexampleat
<timedatetime="2007-04-23T17:35:00-05:00">5:35P.M.onApril23rd</time>.
</p>
適合機器讀取的時間值可能對搜索引擎、日歷程序等有幫助。
meter
meter元素表示指定范圍內(nèi)的數(shù)字值。例如,可以用它表示薪水、投票給LePen的法國選民的百分比或考試分數(shù)。在這里,我使用meter標出SoftwareDevelopment2007上一位Google程序員提供的數(shù)據(jù):
<p>AnentrylevelprogrammerinSiliconValley
canexpecttostartaround<meter>$90,000</meter>peryear.
</p>
meter元素幫助瀏覽器和其他客戶機識別HTML頁面中的數(shù)量。它不要求對元素內(nèi)容應用任何特定的格式。但是,每個meter元素可以有最多6個屬性,它們按照更適合機器識別的形式表示這個數(shù)量:
value
min
low
high
max
optimum
這些屬性都應該包含一個十進制數(shù)字。例如,期末考試的分數(shù)可以寫成下面這樣:
<p>Yourscorewas
<metervalue="88.7"min="0"max="100"low="65"high="96"optimum="100">B </meter>.
</p>
這表示這個學生的分數(shù)是百分制中的88.7。可能的最低分數(shù)是0,但是實際的最低分數(shù)是65。可能的最高分數(shù)是100,但是實際的最高分數(shù)是96。用戶代理可以用某種數(shù)值控件顯示這一信息,也可以在工具提示中顯示額外的數(shù)據(jù),但是最常見的情況可能是像其他內(nèi)聯(lián)元素一樣對它應用樣式。
progress
progress元素表示一個正在進行的過程的狀態(tài),就像圖形用戶界面(GUI)應用程序中的進度條。例如,可以用它表示一個文件已經(jīng)下載的百分比或者播放電影時的當前位置。下面這個進度控件表示下載已經(jīng)完成了33%:
<p>Downloaded:
<progressvalue="1534602"max="4603807">33%</progress>
</p>
value屬性表示操作的當前狀態(tài)。max屬性表示操作的總量。這個元素指出要下載的數(shù)據(jù)總量是4,603,807字節(jié),已經(jīng)下載了1,534,602字節(jié)。
忽略max屬性,就可以顯示無限的進度。
在操作進行時,應該使用JavaScript語言動態(tài)地更新進度條。在靜態(tài)情況下,這個元素沒什么意義。
?。ùm(xù))
相關文章
- Microdata作為HTML5新增的一個特性,它允許開發(fā)者在HTML文檔中添加更多的語義信息,以便于搜索引擎和瀏覽器更好地理解頁面內(nèi)容,本文將探討HTML5中Microdata的使用方法以及2025-04-21
- 在HTML語法中,表格主要通過< table >、< tr >和< td >3個標簽構成,本文通過實例代碼講解HTML5表格語法格式,感興趣的朋友一起看看吧2025-04-21
- 這篇文章主要介紹了HTML5中使用媒體查詢和Flexbox進行響應式布局的方法,簡要介紹了CSS Grid布局的基礎知識和如何實現(xiàn)自動換行的網(wǎng)格布局,感興趣的朋友一起看看吧2025-04-21
基于Canvas的Html5多時區(qū)動態(tài)時鐘實戰(zhàn)代碼
本文介紹了如何使用Canvas在HTML5上實現(xiàn)一個多時區(qū)動態(tài)時鐘的web展示,通過Canvas的API,可以繪制出6個不同城市的時鐘,并且這些時鐘可以動態(tài)轉(zhuǎn)動,每個時鐘上都會標注出對應的2025-03-11HTML5 data-*自定義數(shù)據(jù)屬性的示例代碼
HTML5的自定義數(shù)據(jù)屬性(data-*)提供了一種標準化的方法在HTML元素上存儲額外信息,可以通過JavaScript訪問、修改和在CSS中使用,文章還介紹了高級用法,如存儲JSON數(shù)據(jù)、事2025-03-11- 在HTML5中,下拉框(<select>標簽)作為表單的重要組成部分,為用戶提供了一個從預定義選項中選擇值的方式,本文將深入探討<select>標簽的屬性、樣式,并重點介2025-02-27
- 本文介紹了HTML5InputDatePicker對象表示HTML``元素,是HTML5中的新對象,介紹了日期、周、月份、時間、日期+時間、本地日期時間等不同類型的日期選擇器,感興趣的朋友一起看2025-02-17
- 本文介紹了HTML5中的超鏈接、相對路徑和圖片的使用方法,超鏈接可以創(chuàng)建指向另一個文檔或頁面內(nèi)部書簽的鏈接,相對路徑用于在同一服務器內(nèi)部跳轉(zhuǎn)頁面,圖片標簽用于引入外部圖2025-02-17
- 本文介紹了HTML5超鏈接的創(chuàng)建方法,包括基本語法、創(chuàng)建圖像超鏈接的邊框去除方法以及錨點鏈接的使用,還討論了超鏈接的四種不同狀態(tài)(link、visited、hover、active)的CSS樣2025-02-17
- 最近看一些技術網(wǎng)站發(fā)現(xiàn)了details 標簽的妙用,這個不用js即可實現(xiàn)展開/收縮信息,很方便用來讓用戶先才答案,然后下面點擊再給出答案的效果,這里就為大家簡單介紹一下,2024-11-03