HTML简介

一、定义

HTML

• Hyper Text Markup Language，超文本标记语言；
• 使用标签来描述网页。

DHTML

• Dynamic HTML，动态HTML；
• 是一种营销术语，一种技术组合物；
• DHTML = HTML + CSS + JS + DOM。

XHTML

• EXtensible HTML，可扩展HTML；
• 是以XML重构的HTML4.01，比HTML更严格；
• 文档结构：必须有DOCTYPE声明和html、head、body元素，html元素中应有xmlns属性，head元素中应有title元素；
• 元素：名称必须小写，必须正确嵌套，必须关闭，图片应有文字说明；
• 属性：名称必须小写，必须要有值，值要用引号包围，使用id属性代替name属性；
• 其他：特殊符号应使用字符实体表示，不要在注释内容中写--。
• 举例：

  
  
    
  
    
  &
  

• &

二、标签、元素与属性

标签、元素与属性.png

HTML标签（tag）

• 是由<和>包围的关键词；
• 开始标签（opening tag）与结束标签（closing tag）总是成对出现，如
  ；
• 不区分大小写，但建议用小写。

HTML元素（element）

• 与HTML标签差不多，但严格来讲，元素包含开始标签和结束标签；
• 元素的内容（content）是开始标签和结束标签之间的内容；
• 空元素（empty element 或 void element）的元素内容为空，自闭合，如
；
• 可嵌套，如
  。

HTML属性（attribute）

• 以名称/值对的形式出现（name="value"）；
• 值必须包含在引号中，单引号、双引号皆可，但不能混用；
• 核心属性：id、class、style、title。
• 不区分大小写，但建议用小写。

语义化

• 在合适的情况下使用正确的标签，比如标题用

  ~

  标签表示。

• 好处：SEO（易被搜索引擎收录），可访问性（易被屏幕阅读器读出），代码可读性。

参考：HTML元素，HTML属性。

HTML常用标签分类.jpg

三、注释、字符实体与空白符

注释

• 注释中的内容会被浏览器忽略

• 条件注释只有IE能看到

字符实体

• 某些特殊字符需要使用字符实体来表示，以防被浏览器当成标签。
• 表示方式：&实体名或&#实体编码。
• 常用字符实体：

字符	实体名（大小写敏感）	实体编码	描述
			空格
"	"	"	双引号
'	'（IE不支持）	'	单引号
&	&	&	和
<	<	<	小于
>	>	>	大于
©	©	©	版权

空白符

实体名	实体编码	描述	宽度
		不间断空格，敲击space键产生的空格	1个英文字符
		全角空格	1个中文，基本不受字体影响
		半角空格	em/2，基本不受字体影响
		窄空格	小于1个英文字符，大约是em/6
‌	‌	零宽不连字，放在字符中间防止连字，不打印	0
‍	‍	零宽连字，放在字符中间使其连字，不打印	0

四、文档结构

声明
根元素
  头部
  主体

• 文档声明：http://www.jianshu.com/p/f9ef2ad88c90
• 头部：http://www.jianshu.com/p/1c8f536b783b
• 主体：http://www.jianshu.com/p/2ec2f13efe16