第一点：网站头部设计网站头部标签的浸染是在页面的开端加入一个用以先容全体页面内容的信息容器，一样平常网页的名称、简介内容、关键词、版权信息等元素均会涌现了网页头部，技能层面上，在网页头部还要表示出该页面采取的制作措辞，例如是HTML5还是较为迂腐的HTML4，目的是让访问真个浏览器利用与之对应的页面渲染办法。
第二点：网站导航栏的设计网站的导航元素浸染便是承载了对付访客的浏览辅导浸染，导航中的内容是直接循环于网站的一级栏目，当然也有特例，在导航中涌现的链接内容只是全体页面中所有链接的一小部分，但在设计角度上，导航中涌现的内容应是全体网站中权重最高的。
第三点：网站的文章内容设计网站的文章标签承载了全体网页中最主要的内容通报浸染，页面中的紧张信息均会在此展示，当然内容不仅限于文章，也有可能是图集、图文或视频等，对付该部分的元素，HTML5也增加可用标签，意指让页面内容更加合理，个中就包括下面内容中会提到的部件和侧边两个元素标签。
第四点：网页中小部件的利用与我们更加熟习的div标签比较，部件标签(section)对付浏览器和搜索引擎来说是具有辅导意义的，一样平常情形下会用于文章内容中的标题、编号等内容，最大的好处便是，让全体页面中的内容排列的更加有序，逻辑清晰。
第五点：网页布局的侧边设计侧边标签中的内容并不是全体页面中的主题，而是对主体内容起到补充或阐明解释的浸染，在HTML5措辞广泛运用之前，对付页面中此类元素，不同的前端工程师在标签的利用上有着不同的习气，基于HTML5开拓的样式中，此类情形得到了合理的统一。
第六点：网站底部设计此元素的内容是包含更多关于他的父元素的内容。footer置于body之后将可以供应有关该页面的其他的信息内容。例如网站培植着的一些信息，干系文章的链接或者版权信息等等。此元素也可以被被运用于body之中不同的段中，可以给页面中不同段一些特定的其他信息。底部元素浸染是将那些不适宜在body中涌现的内容展示在页面上，例如文章内容的版权信息、页面底部的内容导航、网站的ICP备案信息以及交情链接信息等，在HTML5版本之上，也增加了在底部内容中专用的标签，供开拓者利用。
