HTML-H5新标签

  在页面中使用最多还是div+span,主要是这两个没有任何语义;通常情况在布局和存放文字,并不会很多的特殊处理啥的,只是单纯这个元素放哪,文字放哪的问题罢了;因此div+span就很万能;有一点不是很好,他的布局可读性比较差,从视觉上看一层嵌一层的div+span,从分层可读性上讲是不行的。因此还h5有了下面的一些标签,实际作用和div一样,只不过标签名不同,被赋予使用场景也不一样,如下:

HTML-H5新标签

先声明下,上面的标签都是放在body里面的。

  header:通常是放在网页的顶部位置;

  nav:用来包裹网页中导航,可以是上图的导航栏位置,也可以左侧边栏导航位置等等...其实没那么死

  main:表示网页的主体部分;看上图并没有main标签,主要是原因很少有人用这个标签来作为主体

  article:表示独立一块的文章

  aside:当页面左侧边栏或者右侧边栏的有一些不太主体的区域,可以使用

  footer:表示页面的底部区域

  section:表示其他区域;当上面实在没得用了,就可以用他了。

最后做个总结吧,实际中用到上面标签很少;后面会有很多组件库(框架)封装好了各式各样的标签,基本上不会碰到上面稍微原生点的标签了;在刚刚学习html时可以尝试下;

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgxgwd.html