html5学习笔记（一）

问：html5的优点有哪些？

答：易用性，语义化；视频与音频的支持；灵活的本地存储；更好的互动；游戏开发；遗留及跨浏览器的支持；

 

问：html5新增的主体结构元素？

答：

1. article---文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。
   1. 1. 例如：博客、文章、论坛帖子、用户评论、插件等独立内容
      2. 标题可以放在header里
2. section---对网站或者应用程序中页面内容进行分块。
   1. 1. 一个section通常由内容和标题组成
      2. 非普通容器，若要定义样式或者脚本行为，推荐使用div
      3. section中的内容可以认为是能够单独存储到数据库或输出到文档中。
      4. 是对页面内容进行分块，或者文章分段，区别于article

【禁忌】：

1. 不要将section元素用作设置样式的页面容器
2. 如果可以使用article元素，aside元素或nav元素更符合状况，不要使用section
3. 不要为没有标题的内容区块使用section元素

1. nav---可作为导航的链接组。
   1. 1. 将主要的、基本的链接组放进nav元素即可。
      2. 可用于传统导航条、侧边导航栏、页内导航、翻页操作
2. aside---表示当前页面或文字的附属信息部分。
   1. 1. 例如参考资料、名词解释等。
      2. 友情链接、博客中其他文章列表或广告单元等。

 

问：html5中新增的非主体结构元素？

答：header、footer、address（文档中呈现联系信息：名字、网站链接、电子邮箱、电话号码等）、

main（每一个网页中所特有的内容，不包含公共部分。每个网页只能放置一个main元素，不能放在articleaside、footer、header或nav元素内部）

 

问：如何看到大纲？

答：通过http://gsnedders.html5.org/outliner/查看网页大纲。

 

问：html5中新增表单属性有哪些？

1. form---标签中加入form属性，值为对应的form表单的id，则可以将标签放在任意位置。
2. formaction---可以为表单添加不同的提交。
3. formenctype---对表单元素指定不同的编码方式。
   1. application/x-www-form-urlencoded:发送前编码所有字符，当表单元素的action属性值为get时，浏览器用x-www-form-urlencoded的编码方式把表单数据转成一个字符串（形如？name1=value1&name2=value2…），把这个字符串添加到提交的目标url地址后面。该属性值为默认值
   2. multipart/form-data:不对字符编码。
   3. text/plain：表单数据中的空格被转换为“+”号

1. formtarger---用于指在何处打开表达提交所需要加载的页面。
   1. _blank:打开新窗口
   2. _self：默认值，在相同框架中打开
   3. _parent：在父框架中打卡
   4. _top：在当前浏览器窗口中打开
   5. Framename：指定框架中打开
2. required---表示必填
3. placeholder---当文本框处于未输入状态时的输入提示。
4. list---为单行文本框增加list属性，属性值为datalist元素的id，可以实现单选框的下拉选取的功能。
5. autocomplete---自动输入，和上面的list结合使用
6. pattern---正则表达式
7. indeterminate---复选框中用于判断是否为选中状态
8. image提交按钮的height和width，将设置按钮的图片宽和高
9. textarea的maxlength和wrap，设置可输入文字个数和是否换行

input中还增加了类型有：search,tel,url,email,date,month,week,number,range,color