HTML篇

一、页面结构语义化

• 为什么需要语义化
  • 易修改、易维护
  • 无障碍阅读支持
  • 搜索引擎友好、利于SEO
  • 面向未来的HTML,浏览器在未来可能提供更丰富的支持。
• 结构语义化
  

• header： 元素有两种用法，一种是标注内容的标题，第二种的标注网页的页眉。
• nav： 导航栏，通常仅仅在页面的主要导航部分使用
• aside : 不仅仅是侧栏，他标识与它周围文本灭有密切关系的内容。当aside用于侧栏时，其标识整个网页的附加内容。通常的广告区域、搜索、分享链接则位于侧栏。侧栏职工的section元素规定了一个区域，通常是带有标题的内容。
• section标签适合标记的内容区块：
  （1）：与页面主题并列显示的小内容快
  （2）： 独立性内容，清单、表单等
  （3）： 分组内容，如cms系统各种的文章分类区块
  （4）：比较长文档的一部分，可能仅仅是为了正确规定页面大纲
  div标签依然是可用的，当你觉得使用其它标签都不太合适的时候。新的语义元素出现之前，我们总是这么干的。
  • footer 仅仅可以包含版权、来源信息、法律限制等等之类的文本或链接信息，如果想包含其他内容请使用div 来帮忙
  • main 标签不能包含在页面其他区块元素中，通常是body的字标签，或者是全局div的子标签。main标签可以帮助品目阅读工具识别页面的主题部分，从而让访问者迅速得到有用的信息。
  • article 表示一个完成的、自称一体的内容块，如文章或新闻报道。这里主要写的是文章，应包含完成的标题、文章书名、发布时间、正文。
  • figure 文章中包含插图时，使用更新寓意元素figure.figcaption包含了关于插图的详细解释，所以img元素上的alt可以省略不写。