<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">才能体现效果。
原文：https://www.cnblogs.com/wellsblog/p/11562342.html