Elements

关于更多的标签可以到 HTML tag 参考访问。

知识点

param 定义了 <object> 元素的参数；
video 标签中的 controls 属性决定是否用户显示控件；
audio 与 </audio> 之间插入的内容是为了供不支持 audio 元素的浏览器显示的；
<progress> 标签不填写 max 和 value 会自动滑动。
<body> 允许 background="background.jpg" 设置背景图片
Readonly 规定输入的字段为只读，即用户不可修改，但是用户可以通过 tab 切换到该字段，还可以选中复制该字段。可以配合 js 设置条件控制用户是否可以更改或输入内容
input Step 规定输入字段的合法数字间隔 (如 step=”2”，则合法数字可为-2，0，2，4 等)
- Step 属性的值为负数或 0 时默认为 1，该属性可以配合 max，min 属性来创建合法值得范围。
- Step，max，min 属性适用于类型有：number,range,date,datetime,month,time,week
form 标签的 enctype 属性
- 规定在发送表单数据之前如何对其编码，可取值有：
- application/x-www-form-urlencoded
- multipart/form-data
- text/plain
form 标签的 method 属性
- 规定用于发送表单数据的 http 方法，可取值有：post 和 get
video 标签，H5 新标签
- 用来定义视频，电影片段或其他视频流
- 常用属性：
  - autoplay (视频就绪后马上播放)
  - controls (向用户显示播放控件，如按钮)
  - loop (循环播放)
可以为没有 controls 控件属性的 video 嵌套按钮控件

主根元素

<html>

文档元数据

<base>
<head>
<link>
<meta>
<style>
<title>

分区根元素

<body>

内容分区

<address>
<article>
<aside>
<footer>
<header>
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>
<hgroup>
<main>
<nav>
<section>

文本内容

<blockquote>
<dd>
~~<dir>~~
<dl>
<dt>
<figcaption>
<figure>
<hr>
<li>
<main>
<ol>
<p>
- 不能包括任何块级元素以及自身
<pre>
<ul>

内联文本语义

内联文本语义 (inline text semantics)，定义一个单词、一行内容、或任意文字的语义，结构或样式。

<a>
- 可以包括任何元素以及自身
<abbr>
<b>
<bdi>
<bdo>
<br>
<cite>
<code>
<data>
<dfn>
<em>
<i>
<kbd>
<mark>
<q>
<rd>
<rq>
<rtc>
<ruby>
<s>
<samp>
<small>
<span>
<strong>
<sub>
<sup>
<time>
~~<tt>~~
<u>
<var>
<wbr>

图片与多媒体

<area>
<audio>
- 事件
  - play
  - seeked
  - abort
<img>-
<map>
<track>
<video>
- 事件
  - play
  - seeked
  - abort

内嵌内容

~~<applet>~~ Java applet
<embed> 外部内容嵌入
<iframe>
~~<noembed>~~
<object>
<param>
<picture>
<source>

脚本

canvas
<script>
<noscript>

编辑标识

<del>
<ins>

表格内容

<caption>
<col>
<colgroup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>

表单

<button>
<datalist>
<fieldset>

<from>

<input>

html

<!-- 时间选择器 -->
<input type="date" name="bday" />
<input type="datetime-local" name="bdaytime" />

<label>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>

交互元素

<details>
<dialog>
<menu>
<menuitem>
<summary>

Web 组件

~~<content>~~
~~<element>~~
~~<shadow>~~
<slot>
<template>

过时和弃用的元素

~~<acronym>~~
~~<applet>~~
~~<basefont>~~
~~<bgsound>~~
~~<big>~~
~~<blink>~~
~~<center>~~
~~<command>~~
~~<content>~~
~~<dir>~~
~~<element>~~
~~<font>~~
~~<frame>~~
~~<frameset>~~
~~<image>~~
~~<isindex>~~
~~<keygen>~~
~~<listing>~~
~~<marquee>~~
~~<menuitem>~~
~~<multicol>~~
~~<nextid>~~
~~<nobr>~~
~~<nomebed>~~
~~<noframes>~~
~~<plaintext>~~
~~<shadow>~~
~~<spacer>~~
~~<strike>~~
~~<tt>~~
~~<xmp>~~

empty element (空元素)

总结

Empty element
通常在一个空元素上使用闭合标签是无效的
不存在子节点 (文本或内嵌元素) 的元素

空元素列表

<area>
<base>
<br>
<col>
<colgroup> _{当 span 存在时}
~~<command>~~
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>

Elements

知识点

主根元素

文档元数据

分区根元素

内容分区

文本内容

内联文本语义

图片与多媒体

内嵌内容

脚本

编辑标识

表格内容

表单

交互元素

Web 组件

过时和弃用的元素

empty element (空元素)

总结

空元素列表

块级元素 TODO

内联元素 TODO

表单相关特性 TODO

Elements ​

知识点 ​

主根元素 ​

文档元数据 ​

分区根元素 ​

内容分区 ​

文本内容 ​

内联文本语义 ​

图片与多媒体 ​

内嵌内容 ​

脚本 ​

编辑标识 ​

表格内容 ​

表单 ​

交互元素 ​

Web 组件 ​

过时和弃用的元素 ​

empty element (空元素) ​

总结 ​

空元素列表 ​

块级元素 TODO ​

内联元素 TODO ​

表单相关特性 TODO ​

Elements

知识点

主根元素

文档元数据

分区根元素

内容分区

文本内容

内联文本语义

图片与多媒体

内嵌内容

脚本

编辑标识

表格内容

表单

交互元素

Web 组件

过时和弃用的元素

empty element (空元素)

总结

空元素列表

块级元素 TODO

内联元素 TODO

表单相关特性 TODO