HTML

语义类标签

section、nav、p

支持在任何“软件界面”的场景中，直接使用 div 和 span

不过，在很多工作场景里，语义类标签也有它们自己无可替代的优点:

1、开发者更为友好，增强可读性。没有CSS的时候，清晰的看出网页结构，有利于团队的开发和维护

2、适合机器阅读。文字表现力丰富，适合搜索引擎检索，也可以让搜索引擎爬虫更好地获取到更多有效信息，提升网页搜索量，还可以支持读屏软件，根据文章自动生成目录

html5 ruby标签：它由 ruby、rt、rp 三个标签来实现【纯文字无法表达，HTML作为“超文本”语言，支持文字表达就是必要的了】

支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。

HTML 的有些标签实际上就是必要的，甚至必要的程度可以达到：如果没有这个标签，文字会产生歧义的程度。

eg:<em>

hgroup(避免副标题产生额外的一个层级)

section:不仅仅是一个“有语义的 div”，它会改变 h1-h6 的语义。section 的嵌套会使得其中的 h1-h6 下降一级，只需要 section 和 h1 就足以形成文档的树形结构

<abbr title="World Wide Web">WWW</abbr> 缩写

hr 标签表示横向分隔线 

<cite>"What is the difference between the Web and the Internet?"</cite>. W3C Help and FAQ. W3C. 2009. Archived from the original on 9 July 2015. Retrieved 16 July 2015.--- 引述

如果是直接引用的内容，那么，我们还应该加上 blockquote或者q标签

日期：<time>

figure(表示与主文章相关的图像，照片等流内容)

dfn标签：分别定义了 Internet 和 World Wide Web

nav ol ul(ol 和 ul 的区分是内容是否有顺序关系)

pre, samp, code(使用pre标签，这部分内容是预先排版过的，不需要浏览器进行排版)