html5标记文字_动力节点Java学院整理

2019-01-28 21:30:12王冬梅

dfn元素

表示定义中的术语,即用来解释一个词(或短语)的含义的句子中的词(或短语)。如果要为dfn元素设置title属性,那么必须将其设置为所定义的术语。

<body> <p> The <dfn title="apple">apple</dfn> is the pomaceous fruit of the apple tree, species Malus domestica in the rose family. </p> </body>

该元素没有习惯样式,因此其内容看上去没有什么特别之处。

q元素

表示引自他处的内容。q元素的cite属性可以用来指定来源文章的URL。

<body> <p> <q cite="http://en.wikipedia.org/wiki/Apple">The <dfn title="apple">apple</dfn> is the pomaceous fruit of the apple tree, species Malus domestica in the rose family.</q> </p> </body>

q元素的习惯样式是在引文前后生成引号。

cite元素

表示所引用作品的标题。

<body> My favorite book on fruit is <cite>Fruit: Edible, Inedible, Incredible</cite> by Stuppy & Kesseler </body>

其习惯样式是斜体。

使用语言元素

ruby、rt和rp元素

ruby元素表示一段包含注音符号的文字,需要与rt元素和rp元素搭配使用,rt元素用来标记注音符号,rp元素则用来标记供不支持注音符号特性的浏览器显示在注音符号前后的括号。

<body> <ruby>魑<rp>(</rp><rt>chi</rt><rp>)</rp></ruby> <ruby>魅<rp>(</rp><rt>mei</rt><rp>)</rp></ruby> </body>

当显示在支持注音符号的浏览器中时,rp元素及其内容会被忽略,rt元素的内容则会作为注音符号显示。而在不支持注音符号的浏览器中显示该文档,那么rp和rt元素的内容都会被显示出来。

bdo元素

用来设置其内容中文字的方向。bdo元素必须加上dir属性,支持的值为:1)rtl(从右到左);2)ltr(从左到右)。

<body> <p> This is left-to-right: <bdo dir="ltr">I like oranges</bdo> </p> <p> This is right-to-left: <bdo dir="rtl">I like oranges</bdo> </p> </body>

其他文本元素

span元素

本身没有任何含义,通常用来把一些全局属性应用到一段内容上。

<body> I like <span class="fruit">apples</span> and <span class="fruit">oranges</span>. </body>

mark元素

HTML5中新增的,用来表示因为与某段上下文相关而被突出显示的一段文字。

<body> <p> I would like a <mark>pair</mark> of <mark>pears</mark> </p> </body>