一、基础标签
- <!DOCTYPE>：定义文档类型
<!-- 本文档为 HTML 5 文档 -->
<!DOCTYPE html>
<!-- 本文档为 HTML 4.01 文档 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!-- 本文档为 XHTML 1.0 文档 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>：定义一个HTML文档
manifest：规定文档的缓存 manifest 的位置
// https://www.runoob.com/html/html5-app-cache.html
-
<title>：为文档定义一个标题
无私有属性 -
<body>：定义文档的主题
无私有属性 -
<h1> to <h6> ：定义HTML标题
无私有属性 -
<p>：定义一个段落
无私有属性 -
<br>：定义简单的拆行
无私有属性 -
<hr>：定义水平线
无私有属性 -
<!--......-- >：定义一个注释
无私有属性、无标准属性
二、格式标签
-
<address>：定义文档作者或拥有者的联系信息
无私有属性
--
提示：<address> 如果在 <body> 内，则它表示文档的联系信息
<address> 如果在 <article> 内，则它表示文章的联系信息 -
<em>：定义强调文本【短语标签 3 / 7】
无私有属性 -
<strong>：定义语气更为强烈的强调文本【短语标签 6 / 7】
无私有属性 -
<del>：定义被删除的文本
cite: URL - 规定一个解释了文本被删除的原因的文档的 URL
datetime：YYYY-MM-DDThh:mm:ssTZD - 规定文本被删除的日期和时间
--
<del> 与 <ins> 一般一起使用，描述文档中的更新与修正。
三、表单标签
- <form>：定义一个 HTML 表单，用于用户输入
accept-charset: character_set - 规定服务器可处理的表单数据字符集
action: URL - 规定当前提交表单时向何处发送表单数据
autocomplete: on|off - 规定是否启用表单的自动完成功能
enctype:application/x-www-form-urlencoded|multipart/form-data|text/plain - 规定在向服务器发送表单数据之前如何对其进行编码。
method: get|post - 规定用于发送表单数据的 HTTP 方法
name: text - 规定表单的名称
novalidate: novalidate - 如果使用该属性，则提交表单时不进行验证
target：_blank|_self|_parent|_top - 规定在何处打开 action URL
--
提示：<form> 元素包含一个或多个表单元素 - <input>：定义一个输入控件
accept: audio|* video|* image|* MIME_type - 规定通过文件上传来提交的文件的类型（只针对 type="file"）
alt: text - 定义图像输入的替代文本（只针对 type="image"）
autocomplete: on|off - autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能
autofocus: autofocus - 属性规定当页面加载时 <input> 元素应该自动获得焦点
checked: checked - checked 属性规定在页面加载时应该被预先选定的 <input> 元素（只针对 type="checkbox"或者type="radio"）
disable:disabled - disabled 属性规定应该禁用的 <input> 元素
form: form_id - form 属性规定 <input> 元素所属的一个或多个表单
formaction: URL - 属性规定当表单提交时处理输入控件的文本的 URL（只针对 type="submit" 和 type="image"）
formenctype: application/x-www-form-urlencoded|multipart/form-data|text/plain - 属性规定当前表单提交到服务器时如何编码（只针对 type="submit" 和 type="image"）
formmethod: get|post - 定义发送表单数据到 action URL 的 HTTP 方法。（只适合 type="submit" 和 type="image"）
formnovaliadate: formnovalidate - 覆盖 <form> 元素的 novalidate 属性
formtarget: _blank|_self|_parent|_top - 规定表示提交表单后在那里显示接收到相应的名称或关键词（只适合 type="submit" 和 type="image"）
height: pixels - 规定 <input> 元素的高度。（只针对 type="image")
list: datalist_id - 属性引用 <datalist> 元素，其中包含 <input> 元素的预定义选项
max: number date - 属性规定 <input> 元素的最大值
maxlength: number - 属性规定 <input> 元素中允许的最大字符数
min: number date - 属性规定 <input> 元素的最小值
multiple: multiple - 属性规定允许用户输入到 <input> 元素的多个值
name: text - 属性规定 <input> 元素的名称
pattern: regexp - 属性规定用于验证 <input> 元素值的正则表达式
placeholder: text - 属性规定可描述输入 <input> 字段预期值的简短的提示信息
readonly: readonly - 属性规定输入字段是只读的
required: required - 属性规定必须在提交表单之前填写输入字段
size: number - 属性规定以字符数计的 <input> 元素的可见宽度
src: URL - 属性规定显示为提交按钮的图像的 URL（只针对 type="image"）
step: numnber - 属性规定 <input> 元素的合法数字间隔
type:
button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
value: text - 指定 <input> 元素 value 的值
width: pixels - 属性规定 <input> 元素的宽度（只针对 type="image")
- <select>：定义选择列表（下拉列表）【下拉列表 1 / 3】
autofocus
disabled
form
multiple: multiple - 当该属性为 true 时，可以选择多个选项
name
required
size：number - 规定下拉列表中可见选项的数目
--
提示：<select> 元素中的 <option> 标签定义了列表中的可用选项
multiple 可以说是史上最没用的多选了，要按住 ctrl/command 才可以多选
- <option>：定义选择列表中的选项【下拉列表 3 / 3】
disabled
label: text - 定义当使用 <optgroup> 时所使用的标注（也就是会替换本标签的元素内容）
selected: selected - 规定选项（在首次显示在列表中时）表现为选中状态
value: text - 定义送往服务器的选项值
- <textarea>：定义多行文本输入控件
autofocus: autofocus - 规定当前页面加载时，文本区域自动获得焦点
cols: number - 规定文本区域内的可见的宽度
disabled: disabled - 规定禁用文本区域
form: form_id - 定义文本区域所属的一个或多个表单
maxlength: number - 规定文本区域允许的最大字符数
name: text - 规定文本区域的名称
placeholder: text - 规定一个简短的提示，描述文本区域期望的输入值
readonly: readonly - 规定文本区域为只读
required: required - 规定文本区域是必须的/必填的
rows: number - 规定文本区域内可见的行数
wrap: hard|soft - 规定当提交表单时，文本区域中的文本应该怎么换行
- <pre>：预格式化文本
无私有属性
--
提示：<pre> 标签内的文本，会保留空格和换行，同时文本会呈现为等款字体。
经常用作代码的展示。（<code>？？？）
四、框架标签
- <iframe>：定义内联框架
name
sandbox: ""|allow-forms|allow-same-origin|allow-scripts|allow-top-navigation - 对内容定义一系列额外的限制
seamless: seamless - 规定 <iframe> 看起来像是父文档中的一部分
src: URL - 规定在 <iframe> 中显示的文档的 URL
scrdoc: HTML_code - 规定页面中的 HTML 内容显示在 <iframe> 中
width: pixels - 规定 <iframe> 的宽度
--
提示：一个内联框架被用来在当前 HTML 文档中嵌入另一个文档
五、图像
- <img>：定义图像
alt: text - 规定图像的替代文本
crossorigin: anonymous use-credentials - 设置图像的跨域属性
height: pixels - 规定图像的高度
ismap: ismap - 将图像规定为服务器端图像映射
src: URL - 规定显示图像的 URL
usemap: #mapname - 将图像定义为客户端图像映射
width: pixels - 规定图像的宽度
八、有序列表
-
<ol>：定义一个有序列表
-
<ul>：定义一个无序列表
-
<li>：定义一个列表项
十、样式/节
-
<div>：定义文档中的节
无私有属性 -
<span>：定义文档中的节
-
<header>：定义一个文档头部部分
-
<section>：定义了文档的某个区域
无私有属性 -
<base>：定义页面中所有链接的默认地址或默认目标
href: URL - 规定页面中所有相对链接的基准 URL
target: _blank|_parent|_self|_top|framename - 规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。
- <aside>：定义其所处内容之外的内容
十一元信息
- <meta>：定义关于 HTML 文档的元信息
charset: character_set - 定义文档的字符编码
content: text - 定义与 http-equiv 或 name 属性相关的元信息。
http-equiv: content-type|default-style|refresh - 把 content 属性关联到 HTTP 头部
name: application-name|author|description|generator|keywords - 把 content 属性关联到一个名称
网友评论