HTML5新增属性

1、cellspacing和cellpadding

cellspacing:用来规定表格单元格与单元格之间的间距；

cellpadding:用来规定单元格中的内容与单元格边缘之间的距离。

2、如何实现点击文字也能够选中复选框

使用label标签，其中for与input的id保持一致。

3、contenteditable属性的用法

<div contenteditable="true"></div>

之前，只有input和textarea的内容才是可以编辑的，但是此属性的出现，让更多元素的内容可以进行编辑

4、链接a的download属性

Href=”文件名路径” 点击之后会下载文件 真实要下载的文件还是用href属性规定；当真正下载的时候，文本的名称会被修改为download规定的名称

5、竖排文字

writing-mode:tb-rl;
-webkit-writing-mode:vertical-rl;

6、input的required属性可以规定表单元素为必须

（1）.value:number框中的默认值。

（2）.min:规定允许的最小值。

（3）.max:规定允许的最大值。

（4）.step:规定数字变化的幅度，默认值是1。

7、img的alt属性

当img图片由于某些原因无法显示的时候，则使用alt属性定义的文字替代

8、title属性

此属性经常用于链接元素，当鼠标悬浮的时候能够出现一个提示层

9、disabled和readonly属性的区别

1.两个属性在元素上的渲染效果不同，这个自然一目了然。

2.disabled是设置元素"不可用"，比较狠一点，相应元素的value属性值不能够通过表单提交，也不能够使用js代码去动态修改value属性值，readonly是设置元素为只读，可以通过表单提交相应的值，也可以使用js动态修改value属性值。

10、如何给网址前面添加小图标

<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico"  />

href属性值是.ico图片的路径。

需要注意的几点:

1.图片的大小尺寸必须都是32px。

2.图片的格式类型必须是.ico。

3.图片名称是任意的，当然必须符合命名规范。

11、optgroup标签的用法

<select> 
    <optgroup label="前台专区"> 
       <option value ="1">html专区</option> 
        <option value ="2">div+css专区</option> 
    </optgroup> 
    <optgroup label="程序专区"> 
        <option value ="3">asp专区</option> 
        <option value ="4">php专区</option> 
    </optgroup> 
  </select>

 

optgroup标签可以对select下拉菜单项进行分组

12、表单只读

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。

方法1: onfocus=this.blur() 当鼠标放不上就离开焦点

<input type="text" name="input1" value="中国" onfocus=this.blur()>

方法2:readonly

<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true">

方法3: disabled

<input type="text" name="input1" value="中国" disabled="true">