怎么将把html5代替div,几个最常用的用来代替Div的HTML5元素

虽说html5中大多数功能性的元素如等还得不到当前主流浏览器的支持(主要就是指IE浏览器了)，但至少那些个与布局相关的元素同html5.js结合起来时我们是可以放心使用的，比如,,,,,,

这几个最常用的元素。

Article 和 Section

article元素是文档中的独立部分，博客条目、文章或其它由文字构成的内容都应该使用这个标签。基本上，你可以很广泛的使用这个标签来构造页面的文字部分。

section元素是最容易让人误解的元素，因为人们认为它就是用来代替div元素的，但事实并非如此。实际上，section元素与article元素的关系非常紧密，比如一篇文章中的章节可以用section标签来区分。总的来说，这个标签主要用来把页面的内容部分划分成有内在关系的几个区域。

Header 和 Footer

这两个元素自不用说了，分别代表页面的头部和底部。但话说回来，这两个元素代表的不仅仅就只是传统意义上我们所讲的页面头部和底部，事实上，它们可以被更加灵活的在页面各个部分进行应用。

Nav

nav元素主要是指页面的导航菜单部分，里面可包含能链接到页面其他部分的超链接。总之记住在页面的导航区域使用该标签就对了。

Figure 和 Figcaption

跟据w3c的说法，这两个元素是用来表示在主文档流之外但又跟文档内容息息相关的那些个部分，其实主要就是指图表、图像、数据引用等这些个能更好的体现文档内容的东西，而且删掉也不会影响主文档内容。Figcaption是指这些多媒体元素的标题。

Aside

aside元素是指脱离主文档主题之外或以主文档内容关系不大的那些区域，典型的应用就是页面的侧边栏之类的啦。

之后在构造页面的时候就多想想吧，看看哪些div是能用上面那些标签来代替的。如果确实是找不到对号入座的元素，那就还是用div吧，因为div在HTML5中并没有被废除，只是作用减弱了而已。对了，在不支持html5标签的浏览器中千万别忘加上html5.js哦！

引：http://www.cnblogs.com/2050/archive/2012/04/26/2471637.html

Selenium常用API的使用java语言之5-selenium元素定位

1.selenium定位方法 Selenium提供了8种定位方式. id name class name tag name link text partial link text xpath css ...

php中的常用数组函数(二)(数组元素过滤 array_filter())

array_filter($arr, 'filter_func'); //参数1,要过滤的数组 //参数2,过滤的函数,返回false时,不添加这个元素,返回true添加这个元素. 示例代码: /** ...

HTML5 元素文字超出部分显示省略号(支持多行)，兼容几乎所有常用浏览器

1,公共样式,在公共的 CSS 文件中加入以下内容  /* 超出部分显示省略号,支持多行 */ .text-ells:before { content: ''; float: left; width: ...

常用技巧之JS判断数组中某元素出现次数

先上代码:function arrCheck(arr){  var newArr = [];  for(var i=0;i

分治思想 特别常用 Codeforces Beta Round #80 (Div. 1 Only) D

D. Time to Raid Cowavans time limit per test 4 seconds memory limit per test 70 megabytes input stan ...

【JS 常用操作】全选、给后来元素增加事件

11 //全选 $("#allCheckbox").click(function () { var checkedStatus = this.checked; //alert(ch ...

吴裕雄--天生自然java开发常用类库学习笔记：排序及重复元素说明

import java.util.Set ; import java.util.HashSet ; class Person{ private String name ; private int ag ...

告别div，可以代替div的几个标签

几个最常用的用来代替DIV的HTML5元素 虽说html5中大多数功能性的元素如等还得不到当前主流浏览器的支持(主要就是 ...

Java常用的几种集合， Map集合，Set集合，List集合

Java中  Object是所有类的根 Java集合常用的集合List集合.Set集合.Map集合 Map接口常用的一些方法 size() 获取集合中名值对的数量 put(key k, value v ...

随机推荐

hdu 4035 2011成都赛区网络赛E 概率dp ****

太吊了,反正我不会 /* HDU 4035 dp求期望的题. 题意: 有n个房间,由n-1条隧道连通起来,实际上就形成了一棵树, 从结点1出发,开始走,在每个结点i都有3种可能: 1.被杀死,回到结点 ...

ASP.NET 操作Cookie详解 增加，修改，删除

ASP.NET 操作Cookie详解 增加,修改,删除 Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户身份而储存在用户本地终端上的数据(通常经过加密).定义于RFC2109.它 ...

oracle监听服务无法打开

原因: 修改了主机名,但没有修改监听文件listener.ora里面的配置. 解决办法:修改HOST与主机名相同 LISTENER = (DESCRIPTION_LIST = (DESCRIPTION ...

IntelliJ IDEA 15 创建maven项目

说明 创建Maven项目的方式:手工创建 好处:参考IntelliJ IDEA 14 创建maven项目二(此文章描述了用此方式创建Maven项目的好处)及idea14使用maven创建web工程(此 ...

SNAT

http://blog.chinaunix.net/uid-2628744-id-2454879.html

matcaffe的blob维度顺序

matcaffe是caffe的matlab接口.caffe本身是C++写的,其blob的维度顺序是[N,C,H,W],N表示batchSize,C表示channel数目,H表示feature map的 ...

Android软件盘InputMethodManager

调用下面代码:(第一次调用显示,再次调用则隐藏,如此反复),this指activity InputMethodManager imm = (InputMethodManager)this.getSys ...

jquery ajax 数据传输

在 form表单中,需要发送给后台的是一串长数据,后台才能接受,而用户则只需要输入字符串中的一部分,这种情况下,就需要将用户输入内容,和剩余部分进行拼串,然后添加进 formData 中传输. 另一种 ...

php 多维数组转二维数组

array(3) { ["money"]=> string(6) "255.00" ["id"]=> string(1) &qu ...

PS学习之小猪佩奇身上纹，掌声送给社会人

首先准备素材 用ps首先打开素材一 首先对图片去色 快捷键:shift+Ctrl+u 调整色阶 设置高斯模糊: 另存为psd格式,命名为叠加的对象 再次打开素材一,把佩奇拖入到图层里,并调整大小,旋转 ...