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.注释标记

<!–注释语句–>

版权声明:本文为不想看月亮原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/LS1017/p/16097089.html