HTML5主体结构元素

HTML 5的出现,对于WEB来说意义非常重大,因为他的意图是想把Web上存在的各种问题一并解决掉,比如:

  • Web浏览器之间的兼容性很低
  • 文档结构不够明确
  • Web应用程序的功能受到了限制

世界知名浏览器厂商对HTML5的支持:微软、Google、苹果、Opera、Mozilla。

HTML 5与HTML 4的区别:

  • 内容类型
  • DOCTYPE声明
  • 指定字符编码
  • 可以省略标记的元素
  • 具有boolean值得属性
  • 省略引号

HTML 5全局属性:

  • contenteditable属性:元素内容是否可编辑true/false
  • designMode属性:整个页面是否可编辑on/off,只能在javascript中被修改编辑
  • hidden属性:使元素处于不可见状态,允许使用Javascript进行修改变为可见状态,true/false
  • spellcheck元素:对于用户输入的元素进行错误检查
  • tabindex元素:用户使用Tab键获取到元素的焦点

HTML 5新增的主体结构元素:

  • article元素
    article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章,一篇论坛帖子、一段用户评论或独立的插件,或其他任何独立的内容。它强调独立性。
  • section元素
    section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。它强调分块分段,但section元素并非一个普通的容器元素,当一个容器元素需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素。不要将section元素作为设置样式的页面元素。没有标题内容,不要使用section元素。
  • nav元素:
    nav元素是一个可以用作页面导航的连接组,其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的连接组都要被放进nav元素,只需要将主要的、机本的连接组放进nav元素即可。应用场景有:传统导航条,侧边栏导航,页内导航,翻页操作。
  • aside元素:
    aside元素用来表示当前页面或文章的附属信息部分,他可以包含当前页面或主要内容的引用部分,侧边栏,广告,导航条,以及其他区别于主体内容的部分。两种用法,一种aside在article元素内,另一种是aside在article元素外。
  • time元素和pubdate属性:
    time元素用于表示时间,属性是datetime,日期和时间之间用T分隔。添加pubdate属性用来表示当前事件的发布时间。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值