html所有元素

随笔3个月前发布香蕉香蕉视频

28 0 0

前面写过不在记录

记录没有的

<address> 元素用作联系方式

<article>元素用作博客帖子标题元素可无限使用

<audio> 音频元素

<button> 这个就不介绍了

<code> 元素呈现一段计算机代码

<caption>表格标题

<colgroup>表格列组暂时只知道可用于背景色

<col> 定义<colgroup>表格中的列

<table>

Superheros and sidekicks

</caption>

<col />

</colgroup>

<tr>

<th scope=”col”>Batman</th>

<th scope=”col”>Robin</th>

<th scope=”col”>The Flash</th>

<th scope=”col”>Kid Flash</th>

</tr>

<tr>

<th scope=”row”>Skill</th>

<td>Smarts</td>

<td>Dex, acrobat</td>

<td>Super speed</td>

</tr>

</table>

<data> 元素将一个指定内容和机器可读的翻译联系在一起

<datalist> 元素包含了一组 <option> 元素，这些元素表示其他表单控件可选值

<label for=”ice-cream-choice”>Choose a flavor:</label>
<input list=”ice-cream-flavors” name=”ice-cream-choice” />

<del> 标签表示一些被从文档中删除的文字内容

<details> 元素可创建一个组件，仅在被切换成展开状态时，它才会显示内含的信息

<summary>Details</summary>

<!– Something small enough to escape casual notice. –>

</details>

<dialog> 元素表示一个对话框或其他交互式组件

<div> 元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器

<dl> 元素（或 HTML 描述列表元素）是一个包含术语定义以及描述的列表

<p>Cryptids of Cornwall:</p>

<dl>
<dt>Beast of Bodmin</dt>
<dd>A large feline inhabiting Bodmin Moor.</dd>

<dt>Morgawr</dt>
<dd>A sea serpent.</dd>

<dt>Owlman</dt>
<dd>A giant owl-like creature.</dd>
</dl>

<fieldset> 元素用于对表单中的控制元素进行分组

<form>

<legend>Choose your favorite monster</legend>

<label for=”kraken”>Kraken</label><br />

<label for=”sasquatch”>Sasquatch</label><br />

<label for=”mothman”>Mothman</label>

</fieldset>

</form>

<footer> 元素表示最近一个章节内容或者根节点（sectioning root）元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。

<form> 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。

<form action=”” method=”get” >
<div >
<label for=”name”>Enter your name: </label>
<input type=”text” name=”name” required />
</div>
<div >
<label for=”email”>Enter your email: </label>
<input type=”email” name=”email” required />
</div>
<div >
<input type=”submit” value=”Subscribe!” />
</div>
</form>

<iframe> 可以套入其他视频的嵌套

<label> 元素（标签）表示用户界面中某个元素的说明

<div >
<label for=”cheese”>Do you like cheese?</label>
<input type=”checkbox” name=”cheese” />
</div>

<meter> 元素用来显示已知范围的标量值或者分数值，类似进度条

<label for=”fuel”>Fuel level:</label>

<nav>元素表示页面的一部分，其目的是在当前文档或其他文档中提供导航链接。导航部分的常见示例是菜单，目录和索引。

<object> 元素可以用于pdf文档，文本，图片，也可以是个网站，个人认为可以是任何元素

<optgroup>下拉框分组

<label for=”dino-select”>Choose a dinosaur:</label>
<select>
<optgroup label=”Theropods”>
<option>Tyrannosaurus</option>
<option>Velociraptor</option>
<option>Deinonychus</option>
</optgroup>
<optgroup label=”Sauropods”>
<option>Diplodocus</option>
<option>Saltasaurus</option>
<option>Apatosaurus</option>
</optgroup>
</select>

<progress> 元素用来显示一项任务的完成进度

<label for=”file”>File progress:</label>

<script> 元素用于嵌入可执行代码或数据

<small>元素將使文本的字体变小一号

<span> 元素是短语内容的通用行内容器，并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图（通过使用类或者 Id 属性），

<span> 与 <div> 元素很相似，但 <div> 是一个块元素而 <span> 则是行内元素

<textarea> 元素表示一个多行纯文本编辑控件，当你希望用户输入一段相当长的、不限格式的文本，例如评论或反馈表单中的一段意见时，这很有用。

<label for=”story”>Tell us your story:</label>

<textarea name=”story” rows=”5″ cols=”33″>
It was a dark and stormy night…
</textarea>

属性