|
|
@@ -27,21 +27,22 @@
|
|
|
|
|
|
#### 结构
|
|
|
|
|
|
-- head
|
|
|
- - title
|
|
|
- - meta
|
|
|
-- body
|
|
|
+- html
|
|
|
+ - head
|
|
|
+ - title
|
|
|
+ - meta
|
|
|
+ - body
|
|
|
|
|
|
#### 文本
|
|
|
|
|
|
-- 标题和段落
|
|
|
+- 标题（heading）和段落（paragraph）
|
|
|
- h1 ~ h6
|
|
|
- p
|
|
|
-- 上标和下标
|
|
|
+- 上标（superscript）和下标（subscript）
|
|
|
- sup
|
|
|
- sub
|
|
|
- 空白（白色空间折叠）
|
|
|
-- 折行和水平标尺
|
|
|
+- 折行（break）和水平标尺（horizontal ruler）
|
|
|
- br
|
|
|
- hr
|
|
|
- 语义化标签
|
|
|
@@ -83,19 +84,19 @@
|
|
|
|
|
|
#### 表格（table）
|
|
|
|
|
|
-- 基本的表格结构 - table / tr / td
|
|
|
+- 基本的表格结构 - table / tr / td / th
|
|
|
- 表格的标题 - caption
|
|
|
- 跨行和跨列 - rowspan属性 / colspan属性
|
|
|
- 长表格 - thead / tbody / tfoot
|
|
|
|
|
|
#### 表单（form）
|
|
|
|
|
|
-- 重要属性 - action / method
|
|
|
+- 重要属性 - action / method / enctype
|
|
|
- 表单控件（input）- type属性
|
|
|
- 文本框 - text / 密码框 - password / 数字框 - number
|
|
|
- 邮箱 - email / 电话 - tel / 日期 - date / 滑条 - range / URL - url / 搜索 - search
|
|
|
- 单选按钮 - radio / 复选按钮 - checkbox
|
|
|
- - 文件上传 - file / 隐藏域（埋点）- hidden
|
|
|
+ - 文件上传 - file / 隐藏域 - hidden
|
|
|
- 提交按钮 - submit / 图像按钮 - image / 重置按钮 - reset
|
|
|
- 下拉列表 - select / option
|
|
|
- 文本域（多行文本）- textarea
|
|
|
@@ -109,20 +110,44 @@
|
|
|
- video标签和属性 - autoplay / controls / loop / muted / preload / src
|
|
|
- audio标签和属性 - autoplay / controls / loop / muted / preload / src / width / height / poster
|
|
|
|
|
|
+#### 窗口（frame）
|
|
|
+
|
|
|
+- 框架集（过时，不建议使用） - frameset / frame
|
|
|
+
|
|
|
+- 内嵌窗口 - iframe
|
|
|
+
|
|
|
#### 其他
|
|
|
|
|
|
- 文档类型
|
|
|
|
|
|
+ ```HTML
|
|
|
+ <!doctype html>
|
|
|
+ ```
|
|
|
+
|
|
|
+ ```HTML
|
|
|
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
|
+ ```
|
|
|
+
|
|
|
+ ```HTML
|
|
|
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
|
+ ```
|
|
|
+
|
|
|
- 注释
|
|
|
|
|
|
+ ```HTML
|
|
|
+ <!-- 这是一段注释，注释不能够嵌套 -->
|
|
|
+ ```
|
|
|
+
|
|
|
- 属性
|
|
|
- - id
|
|
|
- - class
|
|
|
+ - id：唯一标识
|
|
|
+ - class：元素所属的类，用于区分不同的元素
|
|
|
+ - title：元素的额外信息（鼠标悬浮时会显示工具提示文本）
|
|
|
+ - tabindex：Tab键切换顺序
|
|
|
+ - contenteditable：元素是否可编辑
|
|
|
+ - draggable：元素是否可拖拽
|
|
|
|
|
|
- 块级元素 / 行级元素
|
|
|
|
|
|
-- 内联框架（internal frame）
|
|
|
-
|
|
|
- 字符实体（实体替换符）
|
|
|
|
|
|
|
jackfrued