标签汇总

2020-06-11  本文已影响0人  蝉时雨丶

来源链接

一、基础标签

<!-- 本文档为 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">

manifest：规定文档的缓存 manifest 的位置
// https://www.runoob.com/html/html5-app-cache.html

二、格式标签

三、表单标签

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")

autofocus
disabled
form
multiple: multiple - 当该属性为 true 时，可以选择多个选项
name
required
size：number - 规定下拉列表中可见选项的数目
--
提示：<select> 元素中的 <option> 标签定义了列表中的可用选项
multiple 可以说是史上最没用的多选了，要按住 ctrl/command 才可以多选

disabled
label: text - 定义当使用 <optgroup> 时所使用的标注（也就是会替换本标签的元素内容）
selected: selected - 规定选项（在首次显示在列表中时）表现为选中状态
value: text - 定义送往服务器的选项值

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> 标签内的文本，会保留空格和换行，同时文本会呈现为等款字体。
经常用作代码的展示。（<code>？？？）

四、框架标签

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 文档中嵌入另一个文档

五、图像

alt: text - 规定图像的替代文本
crossorigin: anonymous use-credentials - 设置图像的跨域属性
height: pixels - 规定图像的高度
ismap: ismap - 将图像规定为服务器端图像映射
src: URL - 规定显示图像的 URL
usemap: #mapname - 将图像定义为客户端图像映射
width: pixels - 规定图像的宽度

八、有序列表

十、样式/节

href: URL - 规定页面中所有相对链接的基准 URL
target: _blank|_parent|_self|_top|framename - 规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。

十一元信息

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 属性关联到一个名称
上一篇 下一篇

猜你喜欢

热点阅读