HTML5-文本元素


<b></b>   //实际作用就是加粗,标记一段文字且并不特别强调重要性,比如一段文本中的某些关键字或产品名称。

<strong></strong>   //作用与<b>一样,就是加粗,但是强调一段文本中的重要性。

<br>   //单标签,强制换行。

<wbr>   //单标签,安全换行,在英文单词过长时使用<wbr>会根据浏览器的宽度适当的将单词裁切换行。

<i></i>   //实际作用就是倾斜,表示表示区分周围内容,并不特别强调重要性,常用于外文词汇和科技术语。

<em></em>   //也是倾斜,从语义上看,表示对一段文本的强调。

<s></s>   //实际作用是删除线,从语义上看,表示不准确的删除或校正。

<del></del>   //作用跟<s>一样,但是表示删除相关文字,意图更加明确些。

<u></u>   //表示给文本加上下划线,且并不强此段文本。

<ins></ins>   //加下划线,相当于填空题的空白处,起到强调作用。

<small></small>   //将一段文本缩小一号,用于免责声明和澄清声明。

<sub></sub>   //给文本添加下标

<sup></sup>   //给文本添加上标

<abbr></abbr>   //没有实际的作用,从语义看是一段文字的缩写。

<dfn></dfn>   //一般性的倾斜,表示解释一个术语的一段文本。

<q></q>   //实际作用就是给一段文本添加了一对双引号,表示引用来自他处的内容。

<cite></cite>   //加粗,表示引用其它作品的标题。

<ruby></ruby>   //为非西方语言提供支持,<rp><rt>用来帮助读者掌握表意语言文字的正确发音,比如文字上方的汉语拼音,目前Firefox还不支持此特性,当CSS字体字号足够大时拼音才会显示在字的上方。

<ruby style="font-size:100px;">饕(tāo)餮(tiè)</ruby>

  

<ruby style="font-size:100px;">
    饕<rp>(</rp><rt>tāo</rt><rp>)</rp>
    餮<rp>(</rp><rt>tiè</rt><rp>)</rp>
</ruby>

<bdo dir="rtl"></bdo>   //设置文字方向,必须使用dir属性才可设置,一共两个值,rtl(从右到左),ltr(默认,从左到右)。

<mark></mark>   //突出显示文本,自动将文本设置成为黄底黑字,用于标记。

<time></time>   //望文生义,仅仅表示日期和时间。

<span></span>   //没有实际作用,仅表示一般性文本,但是常用它来设置CSS样式

<code></code>   //表示计算机代码片段。

<var></var>   //表示编程语言中的变量。

<samp></samp>   //表示程序或计算机的输出。

<kdb></kdb>   //表示用户的输入。

<code>、<var>、<samp>、<kdb>属于英文范畴,必须使用英语也就是<html lang="en">才能体现效果。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM