语义化是指使用恰当的HTML标签来表示内容的意义和结构,而不仅仅是其外观。
- 可读性
- 无障碍性
- 搜索引擎优化
- 设备适应性
- <header>:页面或区块的头部
- <footer>:页面或区块的底部
- <nav>:导航链接的部分
- <article>:独立的、完整的内容块,例如一篇文章
- <section>:页面中的一个独立部分,就像一个区块
- <aside>:页面主体旁的附加信息,如侧边栏
- <time>:表示日期或时间的标签
HTML就像一张白纸,一个画布,为了让用户能够更加直观清晰地获取信息,我们需要为每一块内容做出属于自己的标记,也就是标签,每个标签的意义不同,展示效果也不同。
就像一张报纸,报纸会有大标题,小标题,文章内容,两页报纸的中间还往往有个竖栏展示额外的内容,文章内插入图片,文章与文章之间隔开,读报的人就能很容易地获取报纸的每部分信息,因为他们长得都不一样。
同样,HTML中各种各样的标签就反应了这些信息,我们为每部分内容赋予不同的标签,这部分内容就会更加直观,例如我们不能把所有信息都挤在一起。
总的来说,HTML的语义化是为了使内容更具有意义、更易于理解,同时为不同的用户和设备提供更好的体验。
备注:一开始学的时候其实并不会意识到标签的意义,但是后续学的越多,越能意识到标签的重要,HTML越细化越有利于后续css的格式定义与JavaScript的功能实现,因此往往是不断地嵌套。