HTML常见的文本语义标签

列举HTML里一些常用的块内语义元素。可以通过F12来查看每个示例。

1. <strong>：即“重点内容”，通常是加粗，对应Markdown中的**加粗。
   
   示例：归约数往往最高位的1被省略了（但是0除外）

2. <em>：“强调内容”（emphasis），通常是斜体，对应Markdown中的*斜体。
   
   示例：现存的虎只有一种，那就是Panthera tigris。

   所以“重点”和“强调”有啥区别呢？按一篇知乎回答的说法，emphasis 和 importance 的区别对于汉语使用者来说不好把握也不必区分，而在西文写作中有特定的格式（比如没有书名号而是用书名斜体，粗体较少用）

3. <code>：表示一段代码。通常使用等宽字体，对应Markdown中的短代码。和 pre 一起使用对应长代码
   
   示例： std::sort可以帮助我们排序

int main() {
    printf("hello %d", 3 + 5);
}

1. <kbd>：表示内容是键盘编码，通常用等宽字体。
   
   示例：按下Ctrl + S保存页面，按下F1打开帮助。

2. <samp>：表示内容是计算机文本样本，通常用等宽字体。
   
   示例：上个程序的输出是：hello 8。

3. <var>：表示数学变量，通常用等宽字体，有斜体效果。
   
   示例：假设3x + 5 = 8，可得到x = 1

   用Markdown的时候，往往3~6全部用短代码替代了``，不过他们在html里可以分开定义，分开设置样式。

4. <abbr>：表示这是缩写（abbreviation）。可以将鼠标移动过去设置显示全称。对翻译系统，搜索引擎等有帮助。
   
   示例：WHO在1948年成立。

5. <address>：定义文档作者的个人信息，通常有斜体。
   
   示例：

   作者：郑丽萍 联系电话：12345

6. <cite>：定义专有名词标题，通常有斜体。
   
   示例：The Scream by Edward Munch. Painted in 1893.

7. <dfn>：表示一个定义（definition），通常有斜体。
   
   示例：使用相同名称不同参数列表的多个函数叫做重载（overload）。

8. <q>：表示引用（quote）。不过这是行内引用，与Markdown的块级引用<blockquote>不同，默认可以自动加上引号。
   
   示例：李天梭曾说过：逸一时，误一世。

   7~11的标签往往对翻译系统和搜索引擎有一定的帮助。
   
   
   
   拓展阅读：HTML标签＜b＞和＜strong＞的区别