文本內(nèi)容方面的語(yǔ)義元素,通常用于描述特殊的內(nèi)容片段。可使用這些語(yǔ)義元素標(biāo)注出重要信息,如:名稱、評(píng)價(jià)、注意事項(xiàng)、日期等。
包含的元素有:<bdi>、<details>、<summary>、<mark>、<output> 、<ruby>、<rt>、<rp>、<time>、<wbr>等。
<bdi> :標(biāo)注一段脫離父元素的文本方向的內(nèi)容,采用系統(tǒng)默認(rèn)的文本方向。
<details>:用于描述文檔細(xì)節(jié)的部分。
<summary> :標(biāo)注 <details> 元素的標(biāo)題。
<mark> :標(biāo)注突顯的文本。
<output> :標(biāo)注一個(gè)將來會(huì)被填充內(nèi)容的區(qū)域。
<ruby> :標(biāo)注注釋(中文注音或字符)。
<rt> :在 <ruby> 元素中使用,定義字符(中文注音或字符)的解釋或發(fā)音。
<rp> :在<ruby> 元素中使用,定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。
<time> :標(biāo)注日期或時(shí)間。
<wbr>:標(biāo)注一個(gè)單詞在后續(xù)空間無(wú)法全部容下時(shí)進(jìn)行換行。
分類
IE瀏覽器各版本對(duì)這些元素支持情況各不相同,這里分為IE支持的和不支持的來介紹:
IE支持的:<mark>、<output>、<ruby>、<rt>、<rp>、<time>。
IE不支持的:<bdi>、<details>、<summary>、<wbr>。
IE支持的
IE瀏覽器支持的元素,在Chrome瀏覽器也得到了支持。
包含: <mark>、<output>、<ruby>、<rt>、<rp>、<time>。
<mark>:標(biāo)注突顯的文本
瀏覽器最低版本:IE 9、Chrome 26
使用場(chǎng)景:重要的內(nèi)容。
示例:
<p>中國(guó)的首都是<mark>北京</mark></p>
<output> :標(biāo)注一個(gè)將來會(huì)被填充內(nèi)容的區(qū)域
瀏覽器最低版本:IE 9、Chrome 33
使用場(chǎng)景:顯示計(jì)算結(jié)果、JavaScript返回值等的一個(gè)區(qū)域。
屬性:
for :關(guān)聯(lián)的元素ID。若有多個(gè),以空格分隔。
form :關(guān)聯(lián)的表單ID。若在一個(gè)form表單里,可不用賦值此屬性。
示例:
<form id="form" oninput="result.value=userName.value"> <input type="text" name="userName"/> <output name="result"></output></form>
<ruby>、<rt>、<rp> :標(biāo)注注釋(中文注音或字符)
<ruby> :標(biāo)注注釋(中文注音或字符)。
<rt> :在 <ruby> 元素中使用,定義字符(中文注音或字符)的解釋或發(fā)音。
<rp> :在<ruby> 元素中使用,定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。
瀏覽器最低版本:IE 5、Chrome 5
使用場(chǎng)景:中文拼音、日文假名。
示例:
<h5>中文拼音</h5><p> <ruby>中<rt>zhong</rt>國(guó)<rt>guo</rt></ruby></p><h5>日文假名</h5><p> <ruby> 主站蜘蛛池模板: 旬阳县| 伊川县| 黔南| 泌阳县| 惠来县| 桂林市| 鄂托克前旗| 会宁县| 天门市| 原阳县| 澄江县| 千阳县| 凤庆县| 梁河县| 鄱阳县| 玉龙| 霍邱县| 卢龙县| 武穴市| 曲麻莱县| 清丰县| 梅州市| 定兴县| 乐安县| 浦县| 赫章县| 田东县| 沁阳市| 集安市| 涿鹿县| 恩施市| 突泉县| 手游| 平泉县| 信宜市| 东乌珠穆沁旗| 晋城| 葫芦岛市| 莆田市| 莆田市| 阜南县|