html5学习笔记

网站是cs架构  Client/Server架构

1. video：

video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式。

<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的。

2. audio：

和video支持的文件格式不同

没有height和width属性

3. HTML5新的表单属性

autocomplete  =on 浏览器会基于用户之前键入的值自动完成值。(历史记录)

form 属性规定输入域所属的一个或多个表单。（即元素不在表单中，在元素中输入内容，点击表单的提交，可以提交成功。）

form 属性必须引用所属表单的 id。如需引用一个以上的表单，请使用空格分隔的列表。

 

<form action="demo_form.asp" method="get" id="user_form">
First name:<input type="text" name="fname" />
<input type="submit" />
</form>
Last name: <input type="text" name="lname" form="user_form" />

表单重写属性，适用于以下类型的 <input> 标签：submit 和 image。

<input type="image"/>  定义图像形式的提交按钮。

 

multiple 属性规定输入域中可选择多个值。

注释：multiple 属性适用于以下类型的 <input> 标签：email 和 file。

<input type="file" name="files" multiple="multiple" />

 

pattern 属性规定用于验证 input 域的模式,模式是正则表达式。(need learn)

适用于以下类型的 <input> 标签：text, search, url, telephone, email 以及 password。

4. a标签的全局属性 可以定义打开链接的快捷方式 

    <a href="http://www.w3school.com.cn/css/" accesskey="c">CSS 教程</a>

    用Alt + accessKey 打开。

5.如果有点击跳转界面的地方，用a标签 地址用相对位置 ./ 。比用js写点击事件方便。

6. img input 等元素，如果用图片形式显示，要加alt属性提供代替文字。（根据W3C可访问性建议）

    对于较复杂的、"alt"属性无法完整描述的替代内容，比如图表，可以使用附加的描述。

7.input 的尺寸 width和size

http://www.w3school.com.cn/tags/att_input_size.asp

当两者同时使用的时候，输入框的长度由width决定。