H5中<header><footer><nav>与<div>的区别
来源:互联网 发布:数学老师知乎 编辑:程序博客网 时间:2024/05/17 02:44
区别就是没区别,在H5出现以后,主张语义化标签,<header>、<footer>等html5的这几个标签都是收集了网上数百万网站上出现概率比较多的部分确定的,比如网站80%都会用页脚来声明版权等等。
相比于普通的<div>标签,H5的一些新标签只是增强可读性,同时运行时,搜索引擎会在查找元素上更省时,看下面一段代码:
<header> <hgroup><h1>....</h1><h2>....</h2> </hgroup> <nav> <ul> <li>....</li> <li>....</li> <li>....</li> <li>....</li> </ul> </nav></header><article> <section>....</section> <section>....</section> <section>....</section> <section>....</section></article><aside>....</aside><footer>....</footer>
与这一段:
<div class="header"> <div class="hgroup"> <h1>....</h1> <h2>....</h2> </div> <div class="nav"> <ul> <li>....</li> <li>....</li> <li>....</li> <li>....</li> </ul> </div></div> <div class="article"> <div class="section">....</div> <div class="section">....</div> <div class="section">....</div> <div class="section">....</div></div> <div class="aside">....</div> <div class="footer">....</div>哪一个更清晰呢?哪一个在查找起来更省力呢?
1 0
- H5中<header><footer><nav>与<div>的区别
- 新元素之hgroup,header,footer,address,nav
- 带Header与Footer的RecyclerViews
- 带Header与Footer的RecyclerViews
- div#header 和 div #header的区别
- div#header 和 div #header的区别
- css 简单布局 -- header, nav, left, center, right, footer
- HTML5:新元素之hgroup,header,footer,address,nav
- 从零开始前端学习[26]:html5的一些常用标签,header,footer,section,aside,figure,figcaption,nav,artical,
- H5中section和article和div的区别
- ListView中Header, Footer无法隐藏(gone)的问题
- ListView中Header, Footer无法隐藏(gone)的问题
- jQuery Mobile中固定工具栏header、footer的data-*选项
- sidebar-nav 配合nav-header 实现精美的侧边导航
- HTML5/CSS3系列教程:HTML5基本标签使用header,nav和footer
- HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav
- Html5新增语义结构元素:article section aside nav header hgroup footer time
- HTML5—新语义元素header、nav、section、article、aside、footer等使用及兼容
- Deep Cascaded Bi-Network for Face Hallucination--阅读笔记
- 排序算法之快速排序
- idea中的代码简单调试debug
- iOS 随机打乱一个数组的顺序 获得一个新的数组
- qt中路径的解释
- H5中<header><footer><nav>与<div>的区别
- 模板_poj1523SPF_割点以及点连通分支
- Til the Cows Come Home POJ
- 凡是某单元有特定字符的,则删除整行 (VBA )
- 第一二类斯特林数,bell数
- Glassfish-MariaDB
- 织梦首页调用单页栏目内容和文章内容的几种方法
- VMware下minimal CentOS7 安装VMware tools
- Android技术积累汇总(7月19日更新)