HTML5学习笔记-新的结构标签

新的结构标签

  • <header>定义页面或区段的头部
  • <footer>定义页面或区段的尾部
  • <nav>定义页面或区段的导航区域
  • <section>定义页面的逻辑区域或内容组合
  • <acticle>定义正文或一篇完整的内容
  • <aside>定义文章的附加信息,如引言、图表、补充观点、相关连接等
  • 自定义数据属性-允许通过使用“data-”前缀向任意元素中添加自定义的数据属性
  • <meter>描述指定范围内的数值
  • <progress>用户显示实时进度的控件

 

 

文档类型声明

若想使用HTML5的新元素,就需要让浏览器和验证器能够识别这些新的标签,所以要有文档类型声明,而HTML5的文档类型声明非常简单和好记:

<!DOCTYPE html> 。

 

section和acticle的区别

section和acticle的区别:section标签视为对文档逻辑部分的描述,而acticle标签视为对具体内容的描述。区段可以包含多篇文章,文档内部又可以划分为若干的区段。例如:区段就像报纸上的体育版,体育版有多篇文章,每篇文章又分为若干部分。

aside的用处

<aside>设计的初衷是为了展示与acticle相关的内容,因此它是呈现相关连接、术语表或引言的最佳位置。

 

总结:HTML5中新添加的语义标签不是用于WEB的展示,而且优化页面结构,消除滥用div标签导致的页面的混乱,页面的展示还是依靠CSS。

 

 

 

你可能感兴趣的:(web开发,html5,职场,休闲)