HTML5新元素
可查看官方的菜鸟教程或者W3cSchool,这里只是为了自己顺一遍;
- <canvas>:用于定义图形,比如图表和其他图像,该标签基于javascript的绘图API;
新多媒体元素:
- <audio>:定义音频;
- <video>:定义视频;
- <source>:定义多媒体资源<audio>和<video>;
- <embed>:定义嵌入的内容,比如插件;
- <track>:为诸如<audio>或者<video>之类的媒介规定外部文本轨道;
新表单元素:
- <datalist>:定义选项列表,请与input元素配合使用,来定义input可能的值;
- <keygen>:规定用于表单的密钥对生成器字段;
- <output>:定义不同类型的输出,比如脚本的输出;
新的语义和脚本元素:
- <article>:定义页面独立的内容区域;
- <aside>:定义页面的侧边栏内容;
- <bdi>:允许你设置一段文本,使其脱离父元素的文本方向设置;
- <commond>:定义命令按钮,比如单选,复选框或按钮;
- <details>:用于描述文档或者文档某个部分的细节;
- <dialog>: 定义对话框,比如提示框;
- <summary>:标签包含details元素的标题;
- <figure>:规定独立的流内容(图像,图表,照片,代码等等);
- <figcaption>:定义figure元素的标题;
- <heater>:定义文档的头部区域;
- <nav>:定义导航连接的部分;
- <footer>:定义文档的底部区域;
- <mark>:定义带有记号的文本;
- <meter>:定义度量衡,仅用于已知最大和最小值得度量;
- <progress>:定义任何类型的任务的进度;
- <ruby>:定义ruby注释(中文注音和字符),
- <rt>:定义字符(中文注音或字符)的解释或者发音;
- <rp>:在ruby注释中使用,定义不支持ruby元素的浏览器所显示的内容;
- <section>:定义文档中的节或者区段;
- <time>:定义日期或时间;
- <wbr>:规定在文本中的何处适合添加换行符;
HTML5中移除的元素
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
多行文本输入控件
textarea控件的属性:
H5中新增的属性
- autofocus:规定当页面加载时,文本区域自动获取焦点;
- form: form=“form_id”,规定文本区域所属的一个或多个表单;
- maxlength: 文本区域允许的最大字符数;
- placeholder:规定一个简短的提示,描述该文本区域期望得输入值;
- required:规定文本区域是必填的;
- wrap:wrap=hard/soft;规定当提交表单时,文本区域中文本怎样换行;
之前版本就已经拥有的属性:
- cols:规定文本区域中可见的宽度;
- rows:规定文本区域中可见的高度;
- disabled:规定文本区域的活性非活性;
- name:文本区域的名称;
- readonly:文本区域只读;
HTML中支持的图片格式
HTML中支持的图片格式有:jpg(.jpeg),png,gif和bmp;
.jpg,.png和.gif这三种是比较常见的,图片的体积也比较小;
.bmp这种格式比较少见,这种格式的图片清晰色彩丰富,但是所占内存很大;
input元素的类型
- button
- checkbox
- color
- date
- datetime
- datetime-local
- file
- hidden
- image
- month
- number
- password
- radio
- range
- reset
- search
- submit
- tel
- text
- time
- url
- week
IndexDB是HTML5的本地存储,把一些数据存储到浏览器(客户端)中,当与网络断开时,可以从浏览器中读取数据,用来做一些离线应用;
Cookie通过在客户端(浏览器)记录信息确定用户身份,最大为4kb;
url参数用的是get请求,从服务器上获取数据,大小不能大于2kb;
session是服务器端使用的一种记录客户端状态的机制;
post是向服务器传送数据,数据量较大;
localStorage是HTML5的本地存储,将数据保存在客户端中(一般是永久的);