W3C标准：

 

　　结构：HTML描述页面的结构

 

　　表现：CSS控制页面中元素的样式

 

　　行为：JavaScript相应用户操作

 

　　HTML（Hypertext Markup Language）超文本标记语言

 

　　<标签名>标签体</标签名>

 

　　根标签：html（一个网页有且仅有一个，所有内容都要写在里面）

 

　　头部：head（表示网页的源数据，head中内容网页不显示，是给浏览器、搜索引擎看）

 

　　标题：title（显示在标签上）

 

　　主体：body（网页里所有的可见内容都写在里面）

 

　　关系：

 

　　head和body是html的子标签

 

　　title是head的子标签

 

　　title是html的后代

 

　　html是title的祖先

 

　　自结束标签：（只有一边）

 

　　注释：（不能嵌套）

 

　　属性：在标签中（开始标签或自结束标签）

 

　　属性是一个名值对（x=y）

 

　　属性用来设置标签中内容如何显示

 

　　属性和标签名或其他属性应该使用空格隔开

 

　　属性名和值都不能随便写，应该根据规定写

 

　　有些属性有属性值，有些没有；如果有属性值，属性值应该用引号引起来（单引号双引号都可以）
 

 

　　文档声明（doctype）：

 

　　用来告诉浏览器当前网页的版本

 

　　HTML5的文档声明：（不区分大小写）

 

　　注意：写在最上面

 

　　字符编码：

 

　　所有的数据在计算机中存储时都是以二进制形式存储

 

　　编码：将字符转换为二进制码的过程

 

　　解码：将二进制码转换为字符的过程

 

　　字符集（charset）：编码和解码所采用的规则

 

　　乱码问题：如果编码和解码所采用的字符集不同就会出现乱码问题

 

　　常见的字符集：

 

　　ASCII（英美7位128）

 

　　ISO88591（欧洲8位256）

 

　　GB2312（中国）

 

　　GBK（中国扩展）

 

　　UTF-8（万国码）

 

　　注意：在head标签内

 

　　小结：

 

　　文档声明、根标签、head标签、body标签、字符集

 

　　meta标签和title标签在head里，在网页中显示的内容写在body里

 

　　实体：

 

　　在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格

 

　　在HTML中有些时候，我们不能直接书写一些特殊字符（比如，多个连续的空格、字母两侧的大于号小于号）

 

　　如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符）

 

　　实体的语法：&实体的名字；

 

　　meta标签：

 

　　用于设置网页中的一些元数据（元数据不是给用户看的）

 

　　charset 指定网页的字符集（上面的字符集）

 

　　name 指定的数据的名称

 

　　content 指定的数据的内容

 

　　keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用逗号隔开（搜索引擎中搜索关键字内容，会给出网页）

 

　　description 用于指定网站的描述（网站的描述会显示在搜索引擎的搜索结果中（超链接下的小文字））
 

 

　　还有一个常见用法：

 

　　title标签：

 

　　内容会作为搜索结果的超链接上的文字显示

 

　　语义化标签：

 

　　在网页中HTML专门用来负责网页的结构，所以在使用html标签时，应该关注的是标签的语义，而不是它的样式。

 

　　标题标签：h1——h6 一共有六级标题（h1在网页中的重要性仅次于title标签，一般情况下一个页面中只会有一个h1）注意：一般情况下标题标签只会使用h1-h3，h4-h6很少用

 

　　hgroup标签：用来为标题分组，可以将一组相关的标题同时放入hgroup

 

　　p标签：表示一个段落

 

　　em标签：语音语调的加重

 

　　strong标签：强调重要内容

 

　　blockquote标签：长引用（会独占一行，并且缩进）

 

　　q标签：短引用（不会换行，且有双引号）

 

　　br标签：页面中的换行

 

　　块元素（block element）：在页面中独占一行的元素

 

　　- 在网页中一般通过块元素来对页面进行布局

 

　　- 如：标题标签、p标签

 

　　行内元素（inline element）：在页面中不会独占一行的元素

 

　　- 行内元素主要用来包裹文字

 

　　- 如：超链接

 

　　注意：一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素，块元素中基本上什么都能放，p元素中不能放任何块元素