【持续更新】HTML5 基础知识

时间:2019-03-19
本文章向大家介绍【持续更新】HTML5 基础知识,主要包括【持续更新】HTML5 基础知识使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

文档类型声明

<!DOCTYPE html>

必不可少,位于文件第一行。

字符编码

<meta charset="UTF-8">

语义化标记元素

  • header

标记头部区域的内容(用于整个页面或页面中的一块区域)

  • footer

标记脚部区域的内容(用于整个页面或页面中的一块区域)

  • section

Web页面中的一块区域

  • article

独立的文章内容

  • aside

相关内容或者引文

  • nav

导航类辅助

section、 article 与 div

section元素用于对网站或应用程序中页面上的内容进行分区。一个section元素通常由内容及其标题组成。div元素也可以用来对页面进行分区,但section元素并非一个普通的容器元素,当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div,而非section元素。

article元素代表文档、页面或者应用程序中独立完整的可以被外部引用的内容。例如,博客中的一篇文章,论坛中的一个帖子或者一段浏览者的评论等。因为article元素是一段独立的内容,所以article元素通常包含头部(header元素)和底部(footer元素)。

section元素用于对网站或者应用程序中页面上的内容进行分块。一个section元素通常由内容以及标题组成。

section元素需要包含一个<hn>标题元素,一般不用包含头部(header元素)或者底部(footer元素)。通常用section元素为那些有标题的内容进行分段。

section元素的作用是对页面上的内容分块处理,如对文章分段等,相邻的section元素的内容,应当是相关的,而不是像article那样独立。