HTML5学习笔记(一)(2015-12-2)【新浪云搬运】

来源:互联网 发布:程序员怎么进腾讯 编辑:程序博客网 时间:2024/06/04 18:35

新增的主体结构元素
article元素:规定独立的自包含内容

元素的潜在来源:

  • 论坛帖子
  • 报纸文章
  • 博客条目
  • 用户评论

    section元素:用于对网站或应用程序中页面上的内容进行分块
    不要将section元素作为设置样式的页面容器
    如果article元素、aside元素、nav元素更符合使用条件,那不要使用section元素
    没有标题内容,不要使用section元素

    nav元素:是一个可以用作页面导航的连接组
    nav元素的应用场景:

  • 列表内容

  • 传统导航条
  • 侧边栏导航
  • 页内导航
  • 翻页操作

    aside元素:用来表示当前页面或文章的附属信息部分
    time元素与微格式
    pubdate属性:发布时间

新增的非主体接头元素
header元素:是一种具有引导和导航作用的结构元素
footer元素和hgroup元素
footer元素:可以作为其上层父级内容区块或是一个跟区块的脚注。如作者、相关信息等

hgroup元素:将标题机器子标题进行分组的元素

address元素和网页编排规则
address元素:用来在文档中呈现联系信息,包括文档作者或文档维护者名字、他们的网站连接、电子邮箱等。

新增表单元素与属性
form属性:html5中可以把表单内从属元素写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单id

formaction属性:html5中所有的提交按钮,增加不同的formaction属性,使单击不同按钮时可以将表单提交到不同的页面

formmethod属性:使用formmethod属性来对没一个表单元素分别指定不同的提交方式。

formenctype属性:使用该属性对表单元素分别指定不同的编码

formtarget属性:可以对多个提交按钮分别使用formtarget属性来指定提交后所需加载的页面_blank新的窗口打开,_self当前页面打开

autofocus属性:自动获得焦点

required属性:在提交时,如果元素中内容为空白,则不允许提交,同时在浏览器中显示相应的文字。

label标签:label元素不会想用户呈现任何特殊的样式。不过,它为鼠标用户改善了可用性,因为如果用户点击label元素内的文本,则会切换到空间本身

0 0
原创粉丝点击