HTML语言化的作用以及常用的语义化标签

1.HTML语义化的作用

1.1： 在没有css样式的情况下，页面整体也会呈现出很好的结构效果

1.2：更利于用户体验

1.3：更有利于搜索引擎优化

1.4：代码结构清晰，方便团队开发与维护

2.对于语义化的理解

2.1：去掉或者丢失样式的时候，能够让页面呈现出清晰的结构

2.2：有利用SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重

2.3：方便其他设备解析（如屏幕阅读器、某人阅读器、移动设备）以意义的方式来渲染网页

2.4：便于团队开发和维护，语义化使得页面更具有可读性，是进一步开发网页的必要步骤，遵循W3C标准的团队都遵循这个标准，可以减少差异化

3.项目中常用的语义化标签有哪些

<heaber>页眉通常包括网站标志、主导航、全站链接以及搜索框</header>

<nav>标记导航，仅对文档重要的链接群使用</nav>

<main>页面只要内容，一个页面只能使用一次，如果是web应用，则包围期主要功能</main>

<article>定义外部的内容，其中的内容独立于文档的其余不分</article>

<section>定义文档中的节（sectio、区段）。比如章节、页眉、页脚或文档中其他部分 </section>

<aside>定义其所处内容、如侧栏、文章的一组链接、广告、友情链接、相关产品列表等</aside>

<footer>页脚，只有当父级是body时，才是整个页面的页脚</footer>