HTML5的基本格式

"utf-8">

1、<！doctype>标记：

<！doctype>标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML标准规范，HTML5文档中的DOCTYPE声明非常简单，代码如下：
<！doctype html>
只有在开头处使用<！docrype>声明，浏览器才能将该网页作为有效的HTML文档，并按指定的文档类型进行解析。使用HTML5的DOCTYPE声明，会触发浏览器以标准兼容模式来显示页面。

2.< html > 标记

< html >标记位于<！doctype>标记之后，也称为根标记，用于告知浏览器其自身是一个HTML文档，
< html >标记标志着HTML文档的开始，
< /html>标记标志着HTMI文档的结束，在它们之间的是文档的头部和主体内容。

3.< head >标记

< head>标记用于定义HTMl文档的头部信息，也称为头部标记，紧跟在
< html>标记之后，主要用来封装其他位于文档头部的标记，例如< title>、
< meta>、< link>及< style>等，用来描识述文档的标题，作者，以及与其他文档的关系等。
一个HTML文档只能含有一对< head>标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

4.< body>标记

< body>标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于< body>标记内，< body>标记中的信息才是最终展示给用户看的。
一个HTML文档只能含有一对< body>标记，且< body>标记必须在< html>标记内，位干< head>头部标记之后，与< head>标记是并列关系。

HTML5语法

1.标签不区分大小写
例如：< p>这里的p标签大小写不一致< /P>
2.允许属性值不使用引号
例如：
< input checked=a type=checkbox/>
以上代码都是完全符合HTML5规范的，等价于：
< input checked="a"type=“checkbox”>
3.允许部分标志性属性的属性值可以省略。
例如：
< input checked="checked"type=“checkbox”/>
可以省略为：

首页公司概况 产品展示
• 联系我们

在上面的这段代码中，通过在nav元素内部嵌套无序列表ul来搭建导航部分。通常，一个HTML页面中可以包含多个nav元素，作为页面整体或不同部分的导航。
1、传统导航条
目前主流网站上都有不同层级的导航条，其作用是跳转到其他网站的其他页面。
2、侧边栏导航条
目前主流博客网站及电商网站都有侧边栏导航，目的是将当前文章或当前商品页面跳转到其他文章或其他商品页面。
3、页内导航
它的作用是在本页面几个主要的组成部分之间进行跳转。
4、翻页操作
切换的是网页的内容部分，可以通过单击“上一页”或“下一页”切换，也可以通过单击实际的页数调到转某一页。

article元素

代表文档、页面或者应用程序中与上下文不相关的独立部分，该元素经常被用于定义一篇日志、一条新闻或用户评论等。
aside元素
aside元素用aside元素用来定义当前页面或者文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条等其他类似的有别于主要内容的部分。
aside元素
aside元素的用法主要分为两种：
1、被包含在article元素内作为主要内容的附属信息。
2、在article元素之外使用，作为页面或站点全局的附属信息部分。最常用的形式是侧边栏，其内容可以是友情链接、广告单元等。

section元素

section元素用于对网站或应用程序中页面上的内容进行分块，一个section元素通常由内容和标题组成。
在使用section元素时，需要注意以下3点：
1、不要将section元素用作设置样式的页面容器，那是div的特性。
2、如果article元素、aside元素或nav元素更符合使用条件，那么不要使用section元素。
3、没有标题的内容区块不要使用section元素定义。

footer元素

footer元素用于定义一个页面或者区域的底部，它可以包含所有通常放在页面底部的内容。与header元素相同，一个页面可以包含多个footer元素。
同时，也可以在article元素或section元素中添加footer元素。

< article>
文章内容
< footer>
文章分页列表
< /footer>
< /article>
< footer>
页面底部
< /footer>

在上述代码中，使用了两对footer元素，其中第1对footer元素用于为article元素添加了区域底部，第2对footer元素用于为页面定义底部。