问:html5的优点有哪些?
答:易用性,语义化;视频与音频的支持;灵活的本地存储;更好的互动;游戏开发;遗留及跨浏览器的支持;
问:html5新增的主体结构元素?
答:
- article---文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。
-
- 例如:博客、文章、论坛帖子、用户评论、插件等独立内容
- 标题可以放在header里
-
- section---对网站或者应用程序中页面内容进行分块。
-
- 一个section通常由内容和标题组成
- 非普通容器,若要定义样式或者脚本行为,推荐使用div
- section中的内容可以认为是能够单独存储到数据库或输出到文档中。
- 是对页面内容进行分块,或者文章分段,区别于article
-
【禁忌】:
- 不要将section元素用作设置样式的页面容器
- 如果可以使用article元素,aside元素或nav元素更符合状况,不要使用section
- 不要为没有标题的内容区块使用section元素
- nav---可作为导航的链接组。
-
- 将主要的、基本的链接组放进nav元素即可。
- 可用于传统导航条、侧边导航栏、页内导航、翻页操作
-
- aside---表示当前页面或文字的附属信息部分。
-
- 例如参考资料、名词解释等。
- 友情链接、博客中其他文章列表或广告单元等。
-
问:html5中新增的非主体结构元素?
答:header、footer、address(文档中呈现联系信息:名字、网站链接、电子邮箱、电话号码等)、
main(每一个网页中所特有的内容,不包含公共部分。每个网页只能放置一个main元素,不能放在articleaside、footer、header或nav元素内部)
问:如何看到大纲?
答:通过http://gsnedders.html5.org/outliner/查看网页大纲。
问:html5中新增表单属性有哪些?
- form---标签中加入form属性,值为对应的form表单的id,则可以将标签放在任意位置。
- formaction---可以为表单添加不同的提交。
- formenctype---对表单元素指定不同的编码方式。
- application/x-www-form-urlencoded:发送前编码所有字符,当表单元素的action属性值为get时,浏览器用x-www-form-urlencoded的编码方式把表单数据转成一个字符串(形如?name1=value1&name2=value2…),把这个字符串添加到提交的目标url地址后面。该属性值为默认值
- multipart/form-data:不对字符编码。
- text/plain:表单数据中的空格被转换为“+”号
- formtarger---用于指在何处打开表达提交所需要加载的页面。
- _blank:打开新窗口
- _self:默认值,在相同框架中打开
- _parent:在父框架中打卡
- _top:在当前浏览器窗口中打开
- Framename:指定框架中打开
- required---表示必填
- placeholder---当文本框处于未输入状态时的输入提示。
- list---为单行文本框增加list属性,属性值为datalist元素的id,可以实现单选框的下拉选取的功能。
- autocomplete---自动输入,和上面的list结合使用
- pattern---正则表达式
- indeterminate---复选框中用于判断是否为选中状态
- image提交按钮的height和width,将设置按钮的图片宽和高
- textarea的maxlength和wrap,设置可输入文字个数和是否换行
input中还增加了类型有:search,tel,url,email,date,month,week,number,range,color