到现在，再提HTML5也不陌生。HTML5作为一种新的前端开发语言，已经广泛应用于各个领域，但在网站建设行业的应用更为广泛，HTML5技术制作的网页可以针对PC，分别适配移动，可以做成现在较流行的响应式网站，即根据不同的访问设备，自动适配屏幕宽度，改变页面上元素的样式，今天，威海做网站的公司将通过页面上必要的元素标签来讲解HTML5网站建设的解决方案。

负责人:

header tag的目的是在页面的开始处添加一个信息容器来介绍整个页面的内容，一般页面的名称、介绍内容、关键词、版权信息等元素都会出现在页眉中，从技术上来说，页眉还应该标明页面的生产语言，比如HTML5或者更老的HTML4，以便让访问端的浏览器使用相应的页面渲染方法。

导航:

顾名思义，导航元素的作用是引导访问者浏览，一般导航中的内容都是直接在网站的一级栏目中流通，但也有例外，导航中出现的链接内容只是整个页面中所有链接的一小部分，但从设计的角度来看，导航中出现的内容应该是整个网站中权重较高的。

文章:

文章标签承载着整个网页中最重要的内容传递功能，页面中的主要信息会显示在这里，当然，内容不限于文章，也可以是图集、图文或视频等。对于这部分的元素，HTML5还添加了可用的标签，意思是让页面内容更加合理，包括下面内容中提到的组件和侧面两个元素标签。

组件:

与我们更熟悉的div标签相比，section标签对浏览器和搜索引擎具有指导意义，一般用于文章中的标题、数字等内容，较大的好处是整个页面中的内容排列更有序，逻辑更清晰。

侧面:

从名字可以知道，侧标中的内容并不是整个页面的主题，而是起到补充或解释主要内容的作用，在HTML5语言被广泛使用之前，不同的前端工程师对页面中的这类元素使用标签的习惯是不同的，这种情况在基于HTML5开发的样式中是合理统一的。

底部:

此元素的内容包含有关其父元素的更多信息，放在正文后的页脚可以提供页面的其他信息，比如网站建设的一些信息，相关文章的链接或者版权信息等，该元素还可以应用于正文中的不同部分，并可以为页面中的不同部分提供特定的其他信息。

底部元素会出现在网页主要内容的下方，用来显示那些不适合出现在页面正文中的内容，如文章内容的版权信息、页面底部的内容导航、网站的ICP备案信息、友情链接信息等，在HTML5版本的顶部，底部内容中还添加了特殊标签，供开发人员使用。

HTML5是一种具有时代意义的网站建设工具语言，针对网页制作中的诸多痛点，增加了语法和标签，使网页开发工作更加高效，给网民带来更好的用户体验，现在HTML5已经被广泛使用，认真学习研究可以让我们收获更多。