HTML 4

HyperText Markup Language

Labels 标签/元素

&

单标签 & 双标签

嵌套/并列

标签属性：属性名+属性值/ 单有属性值

<html>
	<head></head>
	<body>
	
	</body>
</html>
注释
文档说明(DOCTYPE)
<!DOCTYPE html>
字符编码

通常采用UTF-8编码

<head>
	<meta charset="UTF-8" />
</head>
设置语言

有利于搜索引擎优化

让浏览器识别网页语言

<html lang="zh-CN">
标准结构

输入 ! 可以快速生成标准结构

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
			<meta XXXX>
			<title> </title>
	</head>
	
	<body>
	</body>
</html>

标签

语义化标签

标签默认效果不重要，语义最重要

代码可读性强

有利于SEO(search engine optimization)

方便设备解析

块级元素和行内元素

块级元素中：行内元素，块级元素

行内元素中：能写行内元素，不能写块级元素

p标签不能写块元素

排版标签*

h1-h6不能互相嵌套

p标签内不能含有h1-h6，p，div标签

elements meaning
标题，h1是最重要的标签，相对于所有body中的标签，所以尽量只使用一个h1 双

段落 双
无实际意义，打包多个标签 双

文本标签

用于包含：词汇，短语等

写于排版标签

通常都是行内元素

常用文本标签*

em 着重阅读内容 双
strong 非常重要的内容 双
span 没有语义，用于包裹短语的容器 双

不常用文本标签

blockquote and address are 块级元素

语义感不强的标签：small, b, u, q, blockquote

cite 标题 双
dfn 特殊术语 双
del and ins delete and underline 双
sub and sup 下标与上标 双
code 代码 双
var 标记变量
samp 从正常的上下文中，将某些内容提取出来，例如:标识设备输出
kbd 键盘文本，表示文本是通过键盘输入的，经常用在与计算机相关的手册中
abbr 缩写，通常配合title属性使用
bdo 更改文本方向，属性“dir”。默认“ltr”。“rtl”
small 附属细则
b 摘要中的关键字
i 本意是:人物的思想活动、所说的话等等。 现在多用于：呈现字体图标
u 与正常内容有反差文本，例如:错的单词、不合适的描述等。—— 双 很少使用
q 短引用 —— 很少使用
blockquote 长引用 块元素
address 地址信息 块元素