使用Dreamweaver新建HTML5默认文档时会自带一些源代码
如图所示
这些自带的源代码构成了HTML5基本格式,其中包括<!DOCTYPE>文档类型声明、<html>根标记、<head>头部标记、<body>主体标记。
●<!DOCTYPE>标记
<!DOCTYPE>标记标记位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML或XHTML标准规范,HTML5 文档中的 DOCTYPE 声明非常简单,代码如下∶
<!doctype html>
只有在开头处使用<!DOCTYPE>声明,浏览器才能将该网页作为有效的HTML文档,并按指定的文档类型进行解析。使用HTML5 的DOCTYPE 声明,会触发浏览器以标准兼容模式来显示页面。
● <htm>标记
<html>标记位于<!doctype>标记之后,也称为根标记,用于告知浏览器其自身是一个XHTML文档,<html>标记标志着HTML文档的开始,</html>标记标志着HTML文档的结束,在它们之间的是文档的头部和主体内容。
● <head>标记
<head>标记用于定义 HTML文档的头部信息,也称为头部标记,紧跟在<html>标记之后,主要用来封装其他位于文档头部的标记,例如<title>、<meta>、<link>及<style>等,用来描述文档的标题、作者以及和其他文档的关系等。
一个HTML 文档只能含有一对<head标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
● <body>标记
<body>标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。
一个HTML文档只能含有一对<body>标记,且<body>标记必须在标记内,位于<head>头部标记之后,与<head>标记是并列关系。