欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

互聯(lián)網(wǎng)   發(fā)布時(shí)間:2008-10-17 18:55:34   作者:佚名   我要評(píng)論
  HTML4用5個(gè)不同的內(nèi)聯(lián)元素表示略有差異的計(jì)算機(jī)代碼:var、code、kbd、tt和samp。但是,它無法表示時(shí)間、數(shù)字等基本數(shù)值。HTML5提供了幾個(gè)新的內(nèi)聯(lián)元素來滿足非技術(shù)作者的需求。 m   m元素表示文本被“加上標(biāo)志”,但是不一定要強(qiáng)調(diào)。可以把它想像成書中突出
  HTML4用5個(gè)不同的內(nèi)聯(lián)元素表示略有差異的計(jì)算機(jī)代碼:var、code、kbd、tt和samp。但是,它無法表示時(shí)間、數(shù)字等基本數(shù)值。HTML5提供了幾個(gè)新的內(nèi)聯(lián)元素來滿足非技術(shù)作者的需求。
m
  m元素表示文本被“加上標(biāo)志”,但是不一定要強(qiáng)調(diào)??梢园阉胂癯蓵型怀鲲@示的一節(jié)。Google的緩存頁面就是典型的用例。如果鏈接到一個(gè)緩存的副本,搜索詞就被加上標(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>.
  對(duì)于這個(gè)元素的名稱當(dāng)前還有爭議。在規(guī)范發(fā)布之前,它可能從m改為mark。
time
  time元素表示一個(gè)時(shí)間值,比如5:35P.M.,EST,April23,2007。例如:
<p>Iamwritingthisexampleat
<time>5:35P.M.onApril23rd</time>.
</p>
  time元素可以幫助瀏覽器和其他程序識(shí)別出HTML頁面中的時(shí)間。它不要求對(duì)元素內(nèi)容應(yīng)用任何特定的格式。但是,每個(gè)time元素都應(yīng)該有一個(gè)datetime屬性,其中包含更適合機(jī)器識(shí)別的時(shí)間值,比如:
<p>Iamwritingthisexampleat
<timedatetime="2007-04-23T17:35:00-05:00">5:35P.M.onApril23rd</time>.
</p>
  適合機(jī)器讀取的時(shí)間值可能對(duì)搜索引擎、日歷程序等有幫助。
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ī)識(shí)別HTML頁面中的數(shù)量。它不要求對(duì)元素內(nèi)容應(yīng)用任何特定的格式。但是,每個(gè)meter元素可以有最多6個(gè)屬性,它們按照更適合機(jī)器識(shí)別的形式表示這個(gè)數(shù)量:
  value
  min
  low
  high
  max
  optimum
  這些屬性都應(yīng)該包含一個(gè)十進(jìn)制數(shù)字。例如,期末考試的分?jǐn)?shù)可以寫成下面這樣:
<p>Yourscorewas
<metervalue="88.7"min="0"max="100"low="65"high="96"optimum="100">B </meter>.
</p>
  這表示這個(gè)學(xué)生的分?jǐn)?shù)是百分制中的88.7??赡艿淖畹头?jǐn)?shù)是0,但是實(shí)際的最低分?jǐn)?shù)是65??赡艿淖罡叻?jǐn)?shù)是100,但是實(shí)際的最高分?jǐn)?shù)是96。用戶代理可以用某種數(shù)值控件顯示這一信息,也可以在工具提示中顯示額外的數(shù)據(jù),但是最常見的情況可能是像其他內(nèi)聯(lián)元素一樣對(duì)它應(yīng)用樣式。
progress
  progress元素表示一個(gè)正在進(jìn)行的過程的狀態(tài),就像圖形用戶界面(GUI)應(yīng)用程序中的進(jìn)度條。例如,可以用它表示一個(gè)文件已經(jīng)下載的百分比或者播放電影時(shí)的當(dāng)前位置。下面這個(gè)進(jìn)度控件表示下載已經(jīng)完成了33%:
<p>Downloaded:
<progressvalue="1534602"max="4603807">33%</progress>
</p>
  value屬性表示操作的當(dāng)前狀態(tài)。max屬性表示操作的總量。這個(gè)元素指出要下載的數(shù)據(jù)總量是4,603,807字節(jié),已經(jīng)下載了1,534,602字節(jié)。
  忽略max屬性,就可以顯示無限的進(jìn)度。
  在操作進(jìn)行時(shí),應(yīng)該使用JavaScript語言動(dòng)態(tài)地更新進(jìn)度條。在靜態(tài)情況下,這個(gè)元素沒什么意義。
  
  (待續(xù))

相關(guān)文章

  • HTML5中的Microdata與歷史記錄管理詳解

    Microdata作為HTML5新增的一個(gè)特性,它允許開發(fā)者在HTML文檔中添加更多的語義信息,以便于搜索引擎和瀏覽器更好地理解頁面內(nèi)容,本文將探討HTML5中Microdata的使用方法以及
    2025-04-21
  • HTML5表格語法格式詳解

    在HTML語法中,表格主要通過< table >、< tr >和< td >3個(gè)標(biāo)簽構(gòu)成,本文通過實(shí)例代碼講解HTML5表格語法格式,感興趣的朋友一起看看吧
    2025-04-21
  • html5的響應(yīng)式布局的方法示例詳解

    這篇文章主要介紹了HTML5中使用媒體查詢和Flexbox進(jìn)行響應(yīng)式布局的方法,簡要介紹了CSS Grid布局的基礎(chǔ)知識(shí)和如何實(shí)現(xiàn)自動(dòng)換行的網(wǎng)格布局,感興趣的朋友一起看看吧
    2025-04-21
  • 基于Canvas的Html5多時(shí)區(qū)動(dòng)態(tài)時(shí)鐘實(shí)戰(zhàn)代碼

    本文介紹了如何使用Canvas在HTML5上實(shí)現(xiàn)一個(gè)多時(shí)區(qū)動(dòng)態(tài)時(shí)鐘的web展示,通過Canvas的API,可以繪制出6個(gè)不同城市的時(shí)鐘,并且這些時(shí)鐘可以動(dòng)態(tài)轉(zhuǎn)動(dòng),每個(gè)時(shí)鐘上都會(huì)標(biāo)注出對(duì)應(yīng)的
    2025-03-11
  • HTML5 data-*自定義數(shù)據(jù)屬性的示例代碼

    HTML5的自定義數(shù)據(jù)屬性(data-*)提供了一種標(biāo)準(zhǔn)化的方法在HTML元素上存儲(chǔ)額外信息,可以通過JavaScript訪問、修改和在CSS中使用,文章還介紹了高級(jí)用法,如存儲(chǔ)JSON數(shù)據(jù)、事
    2025-03-11
  • HTML5中下拉框<select>標(biāo)簽的屬性和樣式詳解

    在HTML5中,下拉框(<select>標(biāo)簽)作為表單的重要組成部分,為用戶提供了一個(gè)從預(yù)定義選項(xiàng)中選擇值的方式,本文將深入探討<select>標(biāo)簽的屬性、樣式,并重點(diǎn)介
    2025-02-27
  • HTML5 Input 日期選擇器詳解

    本文介紹了HTML5InputDatePicker對(duì)象表示HTML``元素,是HTML5中的新對(duì)象,介紹了日期、周、月份、時(shí)間、日期+時(shí)間、本地日期時(shí)間等不同類型的日期選擇器,感興趣的朋友一起看
    2025-02-17
  • HTML5超鏈接和圖片基礎(chǔ)用法詳解

    本文介紹了HTML5中的超鏈接、相對(duì)路徑和圖片的使用方法,超鏈接可以創(chuàng)建指向另一個(gè)文檔或頁面內(nèi)部書簽的鏈接,相對(duì)路徑用于在同一服務(wù)器內(nèi)部跳轉(zhuǎn)頁面,圖片標(biāo)簽用于引入外部圖
    2025-02-17
  • HTML5超鏈接的創(chuàng)建方法

    本文介紹了HTML5超鏈接的創(chuàng)建方法,包括基本語法、創(chuàng)建圖像超鏈接的邊框去除方法以及錨點(diǎn)鏈接的使用,還討論了超鏈接的四種不同狀態(tài)(link、visited、hover、active)的CSS樣
    2025-02-17
  • HTML5使用details標(biāo)簽:展開/收縮信息

    最近看一些技術(shù)網(wǎng)站發(fā)現(xiàn)了details 標(biāo)簽的妙用,這個(gè)不用js即可實(shí)現(xiàn)展開/收縮信息,很方便用來讓用戶先才答案,然后下面點(diǎn)擊再給出答案的效果,這里就為大家簡單介紹一下,
    2024-11-03

最新評(píng)論