Html__精简__常用标签

标签列表

标签	注释
文档
html	【HTML】HTML文档
title	【HTML】文档的标题
head	【HTML】文档的信息
body	【HTML】文档的主体
style	【HTML】样式信息
script	【HTML】客户端脚本
主体
header	【主体】页眉/区域开头
main	【主体】唯一的内容/区域中心
footer	【主体】页脚/区域结尾
表单
form	【表单】
input	【表单】输入框
label	【表单】辅助 / 与input关联
select	【表单】选择列表
optgroup	【表单】选项组合
option	【表单】选择列表选项
fieldset	【表单】快捷表单
legend	【表单】fieldset标题
list	【表单】选项列表
output	【表单】小脚本编辑
表格
table	【表格】
caption	【表格】标题
thead	【表格】头部信息
tbody	【表格】主体信息
tfoot	【表格】尾部信息
tr	【表格】行
th	【表格】列
板块
section	【板块】部分/段/分支区域
div	【板块】区域块
p	【板块】内容/段落
span	【板块】一节/小块区域
列表
dl	【列表】无序
dt	【列表】项目
dd	【列表】项目描述
ul	【列表】无序
ol	【列表】有序
li	【列表】项目
文本
h1	【文本】主题/唯一标题/大标题
h2...h6	【文本】分支标题
i	【文本】倾斜字体
em	【文本】倾斜字体
b	【文本】 加粗字体
strong	【文本】 加粗字体
bdi	【文本】 词汇分隔
bdo	【文本】方向
q	【文本】短引用/短词修饰
s	【文本】删除标记
del	【文本】删除标记
sup	【文本】上标
sub	【文本】下标
u	【文本】下划线
br	【文本】拆行
abbr	【文本】缩写
控件
base	【控件】快捷路径
details	【控件】快捷上下文
textarea	【控件】文本输入控件
button	【控件】按钮
progress	【控件】进度条
a	【控件】锚点
多媒体
source	【多媒体】源文件
img	【多媒体】图像
picture	【多媒体】响应式图片
video	【多媒体】视频
figure	【多媒体】影音图像
figcation	【多媒体】figure的标题
object	【多媒体】影音图像
audio	【多媒体】音频
canvas	【多媒体】绘图
svg	【多媒体】绘图
track	【多媒体】字幕文件
代码
data	【代码】可读翻译
var	【代码】变量
code	【代码】
pre	【代码】保留格式输出/代码
samp	【代码】代码样本
kbd	【代码】键盘文本
keygen	【代码】生产密钥
param	【代码】对象的参数
其它
address	文档/文章联系信息
article	文章
nav	导航栏
aside	侧边栏
time	时间/日期
cite	引用
blockquote	引用来源
hr	水平线
map	图像映射 / 图像映射(image-map)指带有可点击区域的一幅图像。img 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映射之间的联系。/ 跳转链接
area	图像映射中的区域 / 图像映射指得是带有可点击区域的图像(嵌套在map标签里)
template	隐藏内容
link	文档与外部资源的关系
meta	HTML 文档的元数据 / 元数据不会显示在客户端，但是会被浏览器解析。<br/> META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据
iframe	内联框架 / 用来在当前 HTML 文档中嵌入另一个文档
embed	外部插件 / 可以用来插入各种多媒体,格式,如:wav,mp3,svg

标签属性

form
accept-charset	表单提交时使用的字符编码
	(character_set) 表单提交时使用的字符编码列表，多个字符编码使用空格分隔
action	提交表单时向何处发送表单数据
	(URL) (http://) 或 (.html,.php,...)
autocomplete	是否启用表单的自动完成功能
	on 默认。规定启用自动完成功能 off 规定禁用自动完成功能
enctype	在向服务器发送表单数据之前如何对其进行编码
	application/x-www-form-urlencoded 默认。在发送前对所有字符进行编码（将空格转换为 '+' 符号，特殊字符转换为 ASCII HEX 值）。 multipart/form-data 不对字符编码。当使用有文件上传控件的表单时，该值必须传入 text/plain  将空格转换为 '+' 符号，但不编码特殊字符
method	规定用于发送表单数据的 HTTP 方法。
	get 默认。将表单数据（form-data）以名称/值对的形式附加到 URL 中：URL?name=value&name=value。 post 以 HTTP post 事务的形式发送表单数据（form-data）
name	名称
	(text) 规定 <input> 元素的名称
novalidate	如果使用该属性，则提交表单时不进行验证。
	(布尔值) true|false
target	规定一个名称或一个关键词，指示在何处打开 action URL，即在何处显示提交表单后接收到的响应。
	_blank 在新窗口/选项卡中打开 self 在同一框架中打开。（默认） parent 在父框架中打开 _top 在整个窗口中打开 framename 在指定的 iframe 中打开。
input
accept	配合文件上传使用
	audio 接受所有的声音文件 video 接受所有的视频文件 image 接受所有的图像文件
	例子 : accept='image/gif
alt	定义图像输入的替代文本。 (只针对type='image')
	(text) 规定图像的替代文本
autocomplete	自动完成输入
	on 默认。规定启用自动完成功能 off 规定禁用自动完成功能
autofocus	当页面加载时 <input> 元素应该自动获得焦点
	(布尔值) true|false
checked	是否选中
	(布尔值) true|false
disabled	是否禁用元素
	(布尔值) true|false
formaction	formaction 属性覆盖 <form> 元素的 action 属性
	(url) 绝对URL(https://www.xxx.com/) , 相对URL(d:\index.html)
width	宽度
	(pixels) 以像素计的宽度（比如 width='100'）
height	高度
	(pixels) 以像素计的高度（比如 height='100'）
max	最大值
	(number) 数字值。规定输入字段允许的最大值 (date) 日期。规定输入字段允许的最大值
min	最小值
	(number) 数字值。规定输入字段允许的最小值 (date) 日期。规定输入字段允许的最小值
maxlength	最大长度
	(number) 允许的最大字符数
minlength	最小字符数
	(number) 允许的最大字符数
name	名称
	(text) 规定 <input> 元素的名称
pattern	值的模式或格式(正则表达式)
	(regexp) 规定用于验证 <input> 元素的值的正则表达式
placeholder	字段的提示
	(text) 规定可描述输入字段预期值的简短的提示信息
readonly	字段为只读
	(布尔值) true|false
required	设置为必填字段
	(布尔值) true|false
multiple	允许用户输入到 <input> 元素的多个值
	(布尔值) true|false
size	字段的宽度
	(number) 规定以字符数计的 <input> 元素的宽度。默认值是 20。
src	只能与 <input type='image'> 配合使用
	(URL) 图片地址
step	数字间隔
	(number) 规定输入字段的合法数字间隔。
type	类型
	number 数字 password 密码 text 文本内容 search 搜索 url 网址 email 邮箱 file 文件 hidden 隐藏 image 图片 range 滑块插件 button 按钮 submit 提交 reset 重置输入内容 checkbox 多选 radio 单选 color 颜色插件 date 日期 datetime 日期插件 month 日期月份插件 week 日期星期插件 time 分秒插件
value	指定 <input> 元素 value 的值
	(text) 规定 <input> 元素的值
label
for	规定 label 与哪个表单元素绑定
	(element_id) ID绑定
form	规定 label 字段所属的一个或多个表单
	(form_id) ID绑定
link
href	href 属性规定外部资源（通常是样式表文件）的位置（URL）
	(URL) url
hreflang	链接文档中文本的语言
	(language_code) 值为双字母的语言代码
media	显示在什么设备
	all 默认。适用于所有设备。 aural 语音合成器 braille 盲文反馈装置 handheld 手持设备（小屏幕、有限带宽）。 projection 投影仪 print 打印预览模式/打印页面。 screen 计算机屏幕。例子：media='screen and (min-width:500px) tty 电传打字机以及类似的使用等宽字符网格的媒介 tv 电视机类型设备（低分辨率、有限的滚屏能力）
referrerpolicy	引荐来源
rel	规定当前文档与被链接文档之间的关系
	alternate 链接到该文档的替代版本（比如打印页、翻译或镜像） author 链接到该文档的作者。 help 链接到帮助文档 icon 导入表示该文档的图标。 license 链接到该文档的版权信息 next 表示该文档是集合中的一部分，且集合中的下一个文档是被引用的文档。 prefetch 规定应该对目标资源进行缓存 prev 表示该文档是集合中的一部分，且集合中的上一个文档是被引用的文档 search 链接到针对文档的搜索工具 stylesheet 要导入的样式表的 URL。
sizes	定义了链接属性大小，只对属性 rel='icon' 起作用。,图标icon尺寸
	(HeightxWidth) 高度和宽度之间由一个 'x' 或 'X' 分隔。
	例子 :  <link rel='icon' href='favicon.png' sizes='16x16 32x32' type='image/png'> （2 个尺寸）
type	只有当设置了 href 属性时，才能使用该属性。<link> 标签常用的 MIME 类型是 'text/css'，它规定样式表。
meta
charset	HTML文档的字符编码
	(character_set) 字符编码
content	定义与http-equiv或name属性相关的元信息
	(text) meta 信息的内容
http-equiv	content属性关联到HTTP头部
	content-type 规定文档的字符编码 <br/>例子:<meta http-equiv='content-type' content='text/html; charset=UTF-8'> default-style 规定要使用的预定义的样式表。<br/>例子:<meta http-equiv='default-style' content='the document's preferred stylesheet'> <br/>注释：上面 content 属性的值必须匹配同一文档中的一个 link 元素上的 title 属性的值，或者必须匹配同一文档中的一个 style 元素上的 title 属性的值。 refresh 定义文档自动刷新的时间间隔(单位:秒) <br/>例子:<meta http-equiv='refresh' content='30'>
name	content属性关联到一个名称
	application-name 规定页面所代表的 Web 应用程序的名称 author 规定文档的作者的名字 description 规定页面的描述。搜索引擎会把这个描述显示在搜索结果中 generator 规定用于生成文档的一个软件包（不用于手写页面） keywords 规定一个逗号分隔的关键词列表 - 相关的网页（告诉搜索引擎页面是与什么相关的）。
iframe
width	<iframe> 的宽度，以像素计。
	(pixels) 以像素为单位的内联框架的宽度（比如 '100px'）
height	<iframe> 的高度，以像素计。
	(pixels) 以像素为单位的内联框架的高度（比如 '100px'）。
name	name 属性规定 <iframe> 的名称。
	(name) 规定 <iframe> 的名称。
src	<iframe> 中显示的文档的 URL。
	(URL) 网址
embed
pluginspace	属性指向下载插件的URL