HTML5基本格式

要点：

HTML5文档结构。
HTML5能够实现多媒体支持、交互性、更智能的表单、以及更好的语义化标记。
HTML5是一系列用于制作现代富web内容相关的技术总称，最重要的三项技术为HTML5核心规范（标签元素）、CSS3（层叠样式表）和JavaScript

HTML5文档结构

1、文档类型声明

文档类型声明（Document Type Declaration，也称 Doctype）。它主要告诉浏览器所查看的文件类型。在以往的 HTML4.01 和 XHTML1.0 中，它表示具体的 HTML 版本和风格。而如今 HTML5 不需要表示版本和风格了，直接进行文档类型声明即可。

<!DOCTYPE html> //不分区大小写

2、html元素

html元素即html标签。html元素就相当于C语言中的main函数包裹着整个html，它是文档开始和结尾的元素，是一个双标签，头尾呼应的元素。该元素有一个属性和值：lang=“zh-cn”，表示文档采用语言为：简体中文。

<html lang="zh-cn"> //如果是英文则为 en

3、head 元素

用来包含元数据内容，元数据包括：<link>、<meta>、<noscript><script>、<style>、<title> 。这些内容用来给浏览器提供信息，比如 link 提供 CSS 信息，script提供 JavaScript 信息，title 提供页面标题等。

<head>...</head> //这些信息包裹在head标签中，不作为页面显示内容

4、meta 元素

这个元素用来提供关于文档的信息，起始结构有一个属性为：charset=“utf8”。表示告诉浏览器页面采用了什么编码，一般来是utf8。当然，文件保存的时候也是utf8，而浏览器也设置 utf8 即可正确显示中文。

<meta charset="utf-8"> //除了设置编码外，还可以进行其他设定

5、title 元素

顾名思义：设置浏览器左上角，即浏览器选项卡的标题。

<title>基本结构</title>

6、body 元素

用来包含文档内容的元素，也就是浏览器可见区域的部分。所有的可见内容，都应该在这个元素内部进行添加。

<body>...</body>

7、a 元素

a 元素即a标签，是一个超链接，后面会详细探讨。

<a href="http://www.baidu.com">百度</a>

一个HTML5文档的基本结构为：

<!DOCTYPE html> //文档类型声明 
<html lang="zh-cn"> //表示 HTML 文档开始 
	<head> //包含文档元数据开始 
		<meta charset="utf-8"> //声明字符编码
		<title>基本结构</title> //设置文档标题 
	 </head> //包含文档元数据结束 
 	<body> //表示 HTML 文档内容 
	 	<a href="http://www.baidu.com">百度</a> //一个超链接元素（标签） 
	</body> //表示 HTML文档内容结束 
 </html>//表示 HTML 文档结束

元素标签的结构

1、元素的分类：

HTML是标记语言，因此元素的含义就是“标记”，“标签”。它将告诉浏览器如何处理相关的内容。每一个标签名称代表不同的含义，有段落标签、文本标签、链接标签、图片标签等。
元素一般分为单标签和双标签两种，双标签一般用于设置一段区域的内容，将内容包裹起来。比如段落标签<p>文本内容</p>。

2、元素的属性和值：

元素的内部可以设置属性和其对应值。这些属性值用于改变元素的某些方面的行为。如超链接：<a>中的 href 属性，里面替换网址即可链接到不同的网站。一个元素里面可以设置多个属性，甚至自定义属性。