HTML5中語義性的內(nèi)聯(lián)元素有哪些

這篇文章主要為大家展示了“HTML5中語義性的內(nèi)聯(lián)元素有哪些”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“HTML5中語義性的內(nèi)聯(lián)元素有哪些”這篇文章吧。

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頁面中的時間。它不要求對元素內(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)情況下，這個元素沒什么意義。

以上是“HTML5中語義性的內(nèi)聯(lián)元素有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！