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
- 事件
内嵌内容
Java applet<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>
块级元素 TODO
内联元素 TODO
表单相关特性 TODO
- form 表单 disabled = true,无法修改和无法提交
TIP
@copyright 本页内容为基于网络整理所得