语义化是html5的一个特色，他不仅能规范代码，清晰构造，更好地开拓和掩护，而且还有利于SEO。当然你在实际开拓中可以不用，但衡量一个人专不专业就在于一些小细节。
现如今是2021年，间隔发布HTML5的2014年已有7年之久！
当初对付HTML5标准规范，很多人张口就来说，浏览器不兼容、不支持，国情还是用IE的多等等。反正便是谢绝拥抱新技能和新标准。
不管这些快被优化下岗的老鸟愿不愿意，时期还是要进步的。智好手机的快速发展，win10、MAC等硬软件市场霸占率提高，毕业生扎堆涌入IT行业等等，直接、间接推动HTML5的遍及率。现如今还有哪个浏览器不支持html5，乃至不支持html5都不是这个时期的浏览器。
以是如果你是生手刚进入it前端行业，尤其是单单看了一些老到掉牙的传授教化视频，当口试官问你关于一些html5的问题，千万不要在张口就说html5是新技能。。。 毕竟这已是个标准规范，不是加分项，而是必填项，还不能错的那种。
言归正传，本篇先容HTML5里的一大特色：语义化。相信口试时肯定也被问到语义化理解。
语义学是研究措辞中单词和短语的含义。语义化呢？便是用合理、精确的标签来展示内容。更详细一点，便是利用新增的语义标签。在HTML5以前，我们有利用过标题标签(h1~h6)、表格标签（table）、表单标签（form）等。这些标签都带有很明显的意义，无法乱用。
然而最根本、最主要的html布局元素却是被人忽略，绝大部分都是利用非语义元素（div和span）来布局，对其内容意义一无所知。代码一多，实在让人看得头疼。
问你眼花没有，通篇div标签
倘若因此下的布局，相信不是专业的程序员，有点根本的小学生都能看得懂！
Html5布局标签
<header>
<header>元素描述了文档的头部区域，相称于一篇文章的头部。
紧张是用在网页的头部，或者某个部分的头部。
在一个文档中，您可以定义多个<header>元素。
header
<main>
<main>元素描述了文档的主体区域，相称于一篇文章的中间主体。
紧张是用在网页的主体部分。
该内容在文档中应该是独一无二的，不包含任何在文档中重复的内容，建议只涌现一次。
main
<footer>
<footer>元素描述了文档的尾部区域，相称于一篇文章的尾部。
紧张是用在网页的末端部分，或者某个部分的尾部。常见于版权信息、交情链接等等。
在一个文档中，您可以定义多个<header>元素。
footer
<nav>
<nav>元素描述了多个超链接的区域。
紧张是浸染于菜单栏、导航栏等多个超链接凑集。
nav
<article>
<article>元素描述了相比拟较独立、完全的的内容区块
紧张是浸染于定义独立模块，例如一个网站有娱乐、新闻、动漫三个区块，就用<article>定义3个模块。
article
<section>
<section>元素描述了一个区域或者章节
紧张是浸染于<article>的子模块，<article>定义大模块，<section>则是添补里面的子模块；亦可以单独做一个小模块。
section
<aside>
<aside>元素描述了和页面内容险些无关的部分，可以被单独的拆分出来而不会影响整体。
紧张是浸染于侧边栏或嵌入内容（广告之类）。
aside
总结
总结
