review html5 03:新增標(biāo)簽 - 格式類

(1)<bdi>

定義文本的文本方向情臭,使其脫離其周圍文本的方向設(shè)置妖枚。
在發(fā)布用戶評(píng)論或其他您無法完全控制的內(nèi)容時(shí)运提,該標(biāo)簽很有用鳍寂。

瀏覽器支持

屬性:規(guī)定 <bdi> 元素內(nèi)的文本的文本方向改含,默認(rèn)值為auto
<pre>
ltr
rtl
auto
</pre>

(2)<mark>

定義帶有記號(hào)的文本。

瀏覽器支持

(3)<meter>

定義預(yù)定義范圍內(nèi)的度量迄汛,也被稱為 gauge(尺度)捍壤。
注釋:<meter> 標(biāo)簽不應(yīng)用于指示進(jìn)度(在進(jìn)度條中)。如果標(biāo)記進(jìn)度條隔心,請(qǐng)使用 <progress> 標(biāo)簽白群。

瀏覽器支持
<meter value="3" min="0" max="10">十分之三</meter>
<meter value="0.6">60%</meter> 
meter屬性

<meter>:http://www.w3school.com.cn/tags/tag_meter.asp

(4)<progress>

標(biāo)示任務(wù)的進(jìn)度(進(jìn)程)。
結(jié)合 <progress> 標(biāo)簽與 JavaScript 一同使用硬霍,來顯示任務(wù)的進(jìn)度帜慢。
注釋:<progress> 標(biāo)簽不適合用來表示度量衡(例如,磁盤空間使用情況或查詢結(jié)果)。如需表示度量衡粱玲,請(qǐng)使用 <meter> 標(biāo)簽代替躬柬。

瀏覽器支持
<progress value="22" max="100"></progress> 
progress屬性

(5)<ruby>、<rt>抽减、<rp>

<ruby> 標(biāo)簽定義 ruby 注釋(中文注音或字符)允青。
<rt> 標(biāo)簽定義字符(中文注音或字符)的解釋或發(fā)音。
<rp> 標(biāo)簽在 ruby 注釋中使用卵沉,以定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容颠锉。

與 <ruby> 以及 <rt> 標(biāo)簽一同使用:
ruby 元素由一個(gè)或多個(gè)字符(需要一個(gè)解釋/發(fā)音)和一個(gè)提供該信息的 rt 元素組成,還包括可選的 rp 元素史汗,定義當(dāng)瀏覽器不支持 "ruby" 元素時(shí)顯示的內(nèi)容琼掠。
注釋:支持 "ruby" 元素的瀏覽器不會(huì)顯示 "rp" 元素的內(nèi)容。

一個(gè) ruby 注釋:

<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>
瀏覽器支持

注釋:Internet Explorer 8 以及更早的版本不支持 <ruby>停撞、<rt>瓷蛙、<rp> 標(biāo)簽。

(6)<time>

定義公歷的時(shí)間(24 小時(shí)制)或日期戈毒,時(shí)間和時(shí)區(qū)偏移是可選的艰猬。

該元素能夠以機(jī)器可讀的方式對(duì)日期和時(shí)間進(jìn)行編碼,舉例說埋市,用戶代理能夠把生日提醒或排定的事件添加到用戶日程表中冠桃,搜索引擎也能夠生成更智能的搜索結(jié)果。

<p>我們?cè)诿刻煸缟?<time>9:00</time> 開始營(yíng)業(yè)恐疲。</p>
<p>我在 <time datetime="2008-02-14">情人節(jié)</time> 有個(gè)約會(huì)腊满。</p>
time屬性

<time> 標(biāo)簽不會(huì)在任何瀏覽器中呈現(xiàn)任何特殊效果。
目前所有主流瀏覽器都不支持 <time> 標(biāo)簽培己。

(7)<wbr>

Word Break Opportunity (<wbr>) 規(guī)定在文本中的何處適合添加換行符碳蛋。
如果單詞太長(zhǎng),或者您擔(dān)心瀏覽器會(huì)在錯(cuò)誤的位置換行省咨,那么您可以使用 <wbr> 元素來添加 Word Break Opportunity(單詞換行時(shí)機(jī))肃弟。

<p>如果想學(xué)習(xí) AJAX,那么您必須熟悉 XML<wbr>Http<wbr>Request 對(duì)象零蓉。</p>
瀏覽器支持
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末笤受,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子敌蜂,更是在濱河造成了極大的恐慌箩兽,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件章喉,死亡現(xiàn)場(chǎng)離奇詭異汗贫,居然都是意外死亡身坐,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門落包,熙熙樓的掌柜王于貴愁眉苦臉地迎上來部蛇,“玉大人,你說我怎么就攤上這事咐蝇⊙穆常” “怎么了?”我有些...
    開封第一講書人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵有序,是天一觀的道長(zhǎng)抹腿。 經(jīng)常有香客問我,道長(zhǎng)笔呀,這世上最難降的妖魔是什么幢踏? 我笑而不...
    開封第一講書人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任髓需,我火速辦了婚禮许师,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘僚匆。我一直安慰自己微渠,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開白布咧擂。 她就那樣靜靜地躺著逞盆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪松申。 梳的紋絲不亂的頭發(fā)上云芦,一...
    開封第一講書人閱讀 51,182評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音贸桶,去河邊找鬼舅逸。 笑死,一個(gè)胖子當(dāng)著我的面吹牛皇筛,可吹牛的內(nèi)容都是我干的琉历。 我是一名探鬼主播,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼水醋,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼旗笔!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起拄踪,我...
    開封第一講書人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤蝇恶,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后惶桐,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體撮弧,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡的猛,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了想虎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片卦尊。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖舌厨,靈堂內(nèi)的尸體忽然破棺而出岂却,到底是詐尸還是另有隱情,我是刑警寧澤裙椭,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布躏哩,位于F島的核電站,受9級(jí)特大地震影響揉燃,放射性物質(zhì)發(fā)生泄漏扫尺。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一炊汤、第九天 我趴在偏房一處隱蔽的房頂上張望正驻。 院中可真熱鬧,春花似錦抢腐、人聲如沸姑曙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽伤靠。三九已至,卻和暖如春啼染,著一層夾襖步出監(jiān)牢的瞬間宴合,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來泰國打工迹鹅, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留卦洽,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓徒欣,卻偏偏與公主長(zhǎng)得像逐样,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子打肝,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • HTML5 標(biāo)簽comment 注釋標(biāo)簽用于在源文檔中插入注釋脂新。注釋內(nèi)容不會(huì)被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,055評(píng)論 1 25
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理粗梭,服務(wù)發(fā)現(xiàn)争便,斷路器,智...
    卡卡羅2017閱讀 134,652評(píng)論 18 139
  • HTML標(biāo)簽解釋大全 一断医、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,240評(píng)論 1 41
  • http://www.w3school.com.cn/tags/index.asp 按字母順序排列New : HT...
    繁華亂世滄桑了誰的容顏閱讀 279評(píng)論 0 1
  • 畢業(yè)后滞乙,來到北京奏纪,并不孤單。 一直陪伴在身邊的是我的大學(xué)同學(xué)小豬和小芳斩启,所以當(dāng)我知道他們會(huì)一直留在北京時(shí)序调,再也沒覺...
    海鷗ing閱讀 187評(píng)論 0 1