HTML5
HTML5是超文本标记语言(Hyper Text Markuo Language)
<!doctype html >
<html>
<head>
<meta charset=utf-8″ />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
1.HTML5文档的基本格式
1.<!doctype>标记
<!doctype>标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML标准规范
2.<html>标记
<html>标记位于<!doctype>标记之后,也称为根标记,用于告知浏览器其自身是一个HTML文档。<html>标记标志着HTML文档的开始,</html>标记标志着HTML文档的结束,在他们之间的是文档的头部和主体内容
3.<head>标记
<head>标记用于定义HTML文档的头部信息,也成为头部标记,紧跟在<html>标记之后,主要用来封装其他位于文档头部的标记,如<title>、<meta>、<link>和<style>等,用来描述文档的标题、作者,以及其他文档的关系等。
一个HTML文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中
4.<body>标记
<body>标记用于定义HTML文档所要显示的内容,也称为主题标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内。<body>标记中的信息才是最终展示给用户看的
一个HEML文档只能包含有一对<body>标记,且<body>标记必须在<html>标记内,位于<head>头部标记之后,与<head>标记是并列关系
2.HTML5语法
1.标记不区分大小写
不区分大小写是HTML5语法变化的重要体现
<p>这里的p标记大小写不一致</P>,虽然开始与结束标记大小写不一致,但在HTML5是合法的
2.允许属性值不使用引号
HTML5语法中,属性值不放在引号中也是正确的
<input checked=a type=checkbox />
<input readonly=readonly type=text />
等价于:
<input checked=“a” type=“checkbox” />
<input readonly=“readonly” type=“text” />
3.允许部分属性值的属性省略
在HTML5中,部分标志性属性的属性值可以省略
<input checked=“checked” type=“checkbox”/>
<input readonly=“readonly” type=“text”>
可以省略为:
<input checked type=“checkbox”/>
<input readonly type=“text”>
3.HTML5的标记
1.双标记和单标记
(1)双标记
双标记是指由开始和结束2个标记符组成的标记。
基本语法格式为:<标记名>内容</标记名>
<h2>传智播客网页平面设计免费公开课</h2>
(2)单标记
单标记也称为空标记,是指用一个标记符号即可完整地描述某个功能的标记
基本语法格式:<标记名/>
<hr/>
2.注释标记
<!–注释语句–>