Web前端-HeadFirst笔记-Ch12-HTML5新标记

新的HTML5

首先明确了人们如何利用div建立页面结构，相应地提供了更特定更适合某些结构的标记。为了更明确的表示结构。

新标记

页面结构元素

• <header>
  
• <footer>
  
• <nav>
  
• <section>
• <aside>
  
• <article>

区分：

• section：组织相关的内容，增加一个元素标记一些内容，指示这是由相关内容构成的一个结构明确的区块。
  
• article：包含独立的内容。独立于页面上的其余内容进行重用和分发。
  

• div : 组织不相关内容在一起时的后备选项。只是要增加一个元素以便为页面指定样式。

其他元素

1. <vedio>
2. <time>
3. <mark>突出标记某些文本
4. <audio>音频
5. <progress>显示任务完成的进度。
6. <meter>显示某个范围的度量。
7. <canvas>页面中显示用javaScript绘制的图像和动画。
8. <figure>定义类似照片、图标甚至代码清单等独立的内容。

time
<time datetime="2017-07-05">5/7/2017（表示方法不唯一，可以写汉字或单词）</time>
如果元素内容没有采用官方Internet日期/时间格式写，则必须加datetime属性。
官方格式：2017-07-05   2017   2017-07  2017-07-05  22：16    2017-07-05  05:00z(UTC时间)  22：17