网页制作篇(智慧树网站马红老师)-基础知识总结1(标记篇)

哇咔咔，我又来了！！！那这次带来的是什么呢？是的，大家没有看错，因为项目的原因，我分配的任务是制作网页，而令人悲伤的是我一点基础也没有，所以只能从零开始了……

一、HTML5文档的基本格式

带有“＜＞”符号的元素被称为HTML标记，也称为HTML标签或HTML元素。
分为双标记（体标记）和单标记（空标记）。

双标记格式:<标记名>内容
<标记名>被称为开始标记,被称为结束标记.

单标记格式:<标记名>

例：
　双标记：< html >、< /html >
　单标记：< meta >

注意:HTML5中有个特殊的标记,称为注释标记.
格式:< !–注释语句-- >

1、标记

标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML标准来规范，而HTML5文档中的DOCTYPE声明非常简单，就是这样：。
使用HTML5的DOCTYPE声明，会触发浏览器以标准兼容模式来显示页面。

2、< html >标记（请忽略html两边的空格）

< html >标记位于标记之后，也称为根标记，用于告知浏览器其自身是一个HTML文档，< html >标记标志着HTML文档的开始，< /html >标记标志着HTML文档的结束。

3、< head >标记

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

4、< body >标记

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

二、HTML5语法

1、标签不区分大小写

2、允许属性值不使用引号

例：< input checked=a type=checkbox/ >等价于
< input checked=“a” type=“checkbox” >

3、允许部分标志性属性的属性值可以省略

例：< input checked="checked"type=“checkbox”/ >
可以省略为：
< input checked type=“checkbox”/ >
而可以省略的属性如下：
(1)checked
(2)readonly
(3)defer
(4)ismap
(5)nohref
(6)noshade
(7)nowrap
(8)selected
(9)disabled
(10)multiple
(11)noresize

注意：虽然HTML５简化了代码格式，但是建议团队合作时仍采用比较严谨的代码格式。