初识HTML5

html5 ≈ html5新增标签以及规范

html5 ≈ html5新增标签 + css3 + JavaScript API(应用程序接口，通过JavaScript调用 ，不调用时不会触发)

发展历史：

HTML4.01 ------> XHTML(X：xml)------> HTML5

html5属性规范 :

1.自定义属性以 data- 开头
2.img input 可以不闭合

html5新增标签：

<header>  元素表示一组引导性的帮助，可能包含标题元素，也可以包含其他元素，像logo、
          分节头部、搜索表单等。

<main>    HTML Main元素呈现了文档�body或应用的主体部分。主体部分由与文档直接相关，
          或者扩展于文档的中心主题、应用的主要功能部分的内容组成。这部分内容在文档中
          应当是独一无二的，不包含任何在一系列文档中重复的内容，比如侧边栏，导航栏链接，
          版权信息，网站logo，搜索框（除非搜索框作为文档的主要功能）。

          注意: <main>标签不能是以下元素的继承<article>、<aside>、<footer>
               <header>或<nav>
               在一个文档中不能出现一个以上的 <main>标签 
<aside>   元素表示一个和其余页面内容几乎无关的部分，被认为是独立于该内容的一部分并且
          可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者嵌入内容。他们
          通常包含在工具条，例如来自词汇表的定义。也可能有其他类型的信息，例如相关的广
          告、笔者的传记、web 应用程序、个人资料信息，或在博客上的相关链接。

          注意：不要将 <aside> 元素去标记括号内的文本，因为这种类型的文本（即括号内的
          文本）被认为是其内容流的一部分。

<footer>  元素表示最近一个章节内容或者根节点（sectioning root ）元素的页脚。一个页脚
          通常包含该章节作者、版权数据或者与文档相关的链接等信息。

<section> 表示文档中的一个区域（或节），比如，内容中的一个专题组，一般来说会有包含一个
         标题（heading）。一般通过是否包含一个标题（h1~h6 element）作为子节点 来 
         辨识每一个<section>。　
    
          注意：如果元素内容可以分为几个部分的话，应该使用 <article>而不是<section>　
               不要把<section>元素作为一个普通的容器来使用，这是本应该是的<div>用法
              （特别是当片段（the sectioning ）仅仅是为了美化样式的时候）。
              一般来说，一个<section>应该出现在文档大纲中。
<article> 元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用
          的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、
          交互式组件，或者其他独立的内容项目。

          注意：当<article>
              1. 元素嵌套使用时，则该元素代表与外层元素有关的文章。例如，代表博客
                 评论的<article>元素可嵌套在代表博客文章的<article>元素中。
              2. <article>元素的作者信息可通过<address>元素提供，但是不适用于
                 嵌套的<article>元素。
              3. <article>元素的发布日期和时间可通过<time>元素的pubdate属性表示。