codecamp

HTML5速查表

HTML5速查表

标签描述版本属性
<!--...-->定义注释4 / 5none
<!DOCTYPE>定义文档类型4 / 5none
<a>定义超链接,用于从一个页面链接到另一个页面。4 / 5href | hreflang | media | ping | rel | target | type
<abbr>定义缩写4 / 5全局属性
<acronym>定义首字母缩写4-
<address>定义文档作者或拥有者的联系信息 .4 / 5全局属性
<applet> 定义嵌入的 applet4-
<area>定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。4 / 5alt | coords | href | hreflang | media | ping | rel | shape | target | type
<article>定义独立的内容5全局属性
<aside>定义页面内容之外的内容5全局属性
<audio>定义声音,比如音乐或其他音频流。5autobuffer | autoplay | controls | loop | src
<b>定义粗体文本 , 用于强调某些文本4 / 5全局属性
<base>定义页面上的所有链接规定默认地址或默认目标4 / 5href | target
<basefont>定义文档中所有文本的默认颜色、大小和字体4-
<bb>定义文本的文本方向,使其脱离其周围文本的方向设置。5type
<bdi>指的是 bidi 隔离, 允许您设置一段文本,使其脱离其父元素的文本方向设置 .5dir
<bdo>定义文本显示的方向。4 / 5dir
<big>定义大号文本。4-
<blockquote>定义摘自另一个源的块引用 。4 / 5cite
<body>定义文档的主体 。5全局属性
<br>插入换行符。4 / 5全局属性
<button>定义按钮。4 / 5autofocus | disabled | form | formaction | formenctype | formme-thod | formnovalidate | formtarget | name | type | value
<canvas>定义图形,比如图表和其他图像5height | width
<caption>定义表格标题。4 / 5全局属性
<center>定义居中的文本。4-
<cite>定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。4 / 5全局属性
<code>定义计算机代码文本。4 / 5全局属性
<col>定义为表格中的一个或多个列定义属性值。 。4 / 5span
<colgroup>定义对表格中的列进行组合,以便对其进行格式化。4 / 5span
<command>定义命令按钮。5checked | default | disabled | hidden | icon | label | radiogroup | type
<datagrid>定义可选数据的列表。 datagrid 作为树列表来显示。5disabled | multipe
<datalist>定义下拉列表。 请与 input 元素配合使用该元素,来定义 input 可能的值。5全局属性
<dd>定义一个定义列表中对项目的描述 。4 / 5全局属性
<del>定义删除文本。4 / 5cite | datetime
<details>定义描述文档或文档某个部分的细节。5open
<dialog>定义对话,比如交谈5全局属性
<dir>定义目录列表。4-
<div>定义文档中的一个部分。4 / 5全局属性
<dfn>定义一个定义项目。4 / 5title
<dl>定义一个定义列表 .4 / 5全局属性
<dt>定义一个定义列表中的一个项目。4 / 5全局属性
<em>呈现为被强调的文本。4 / 5全局属性
<embed>定义嵌入的内容,比如插件5height | src | type | width
<fieldset>定义用于从逻辑上将表单中的元素组合起来。4 / 5disabled | form | name
标签描述版本属性
<figcaption>定义 fiqure 元素的标题(caption)。5全局属性
<figure>规定独立的流内容(图像、图表、照片、代码等等)。5全局属性
<font>规定文本的字体、大小和颜色。4-
<footer>定义 section 或 document 的页脚。5全局属性
<form>用于创建供用户输入的 HTML 表单4 / 5action | date | replace | accept | accept-charset | enctype | method | target
<frame>定义子窗口(框架)4-
<frameset>定义框架集。4-
<h1> to <h6>定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题4 / 5全局属性
<heda>所有头部元素的容器。位于 <head> 内部的元素可以包含脚本、指引浏览器找到样式表、提供元信息,等等。4 / 5
<header>定义文档的页眉(介绍信息)。5全局属性
<hgroup>用于对网页或区段(section)的标题进行组合。4 / 5全局属性
<hr>水平线,它应该定义内容中的主题变化4 / 5全局属性
<html>告知浏览器这是一个 HTML 文档。4 / 5manifest
<i>呈现斜体的文本。4 / 5全局属性
<iframe>创建包含另一个文档的行内框架。4 / 5src | name | sandbox | seamless | width | height
<img>定义 HTML 页面中的图像。4 / 5alt | src | height | ismap | usemap | width
<input>规定用户可输入数据的输入字段。4 / 5accept | alt | auto-complete | autofocus | checked | disabled | from | formaction | formenctype | formme-thod | formnovalidate | formtarget | height | list | max | maxiength | min | multipe | name | pattern | placeholder | readonly | required | size | src | step | type | value | width
<ins>定义文档的其余部分之外的插入文本。4 / 5cite | datetime
<isindex>定义单行的输入域。4-
<keygen>规定用于表单的密钥对生成器字段。5autofocus | challenge | disabled | form | keytype | name
<kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。4 / 5全局属性
<label>为 input 元素定义标签(label)4 / 5for | form
<legend>为以下元素定义标题(caption):<fieldset>、<figure>、<details>。4 / 5全局属性
<li>定义列表项,有序列表和无序列表中都使用 <li> 标签。4 / 5value
<link>定义文档与外部资源之间的关系。 大多数时候都用来连接样式表。4 / 6href | rel | media | hreflang | type | sizes
<mark>定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签5全局属性
<map>定义客户端图像映射。图像映射指的是带有可点击区域的图像。4 / 5label | type
<menu>定义菜单列表。当希望列出表单控件时使用该标签。5autosubmit | compact | label | type
<meta>可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。5charset | content | http-equiv | name | scheme
<meter>定义度量衡。仅用于已知最大和最小值的度量。5high | low | max | min | optimum | value
<nav>定义导航链接的部分。5全局属性
<noframes>向浏览器显示无法处理框架的提示文本。4-
<noscript>定义在脚本未被执行时的替代内容(文本)。4 / 5
标签描述版本属性
<object>定义一个嵌入的对象。4 / 5data | height | type | usemap | width | object
<ol>定义有序列表。4 / 5compact | start | reversed
<optgroup>定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。4 / 5disabled | label
<option>定义下拉列表中的一个选项。4 / 5disabled | label | selected | value
<output>定义不同类型的输出,比如脚本的输出。5form | for | name
<p>定义段落4 / 5全局属性
<param>允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 <object> 标签提供参数。4 / 5name | value | type | valuetype
<pre>定义预格式化文本。4 / 5全局属性
<progress>定义运行中的进度(进程)。5max | value
<q>定义一个短的引用。4 / 5cite
<ruby>定义 ruby 注释。5全局属性
<rp>定义若浏览器不支持 ruby 元素显示的内容。5全局属性
<rt>义 ruby 注释的解释。5全局属性
<s>定义加删除线的文本4-
<samp>定义样本计算机代码。4 / 5全局属性
<script>定义脚本。4 / 5async | type | defer | src | charset
<section>定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分5cite
<select>创建下拉列表4 / 5autofocus | data | disabled | form | multiple | name
<small>将旁注 (side comments) 呈现为小型文本。4 / 5全局属性
<source>为媒介元素(比如 <video> 和 <audio>)定义媒介资源。5media | src | type
<span>用于对文档中的行内元素进行组合4 / 5全局属性
<strike>定义加删除线的文本。4-
<strong>定义重要的文本 .4 / 5全局属性
<style>定义 HTML 文档的样式信息。4 / 5media | type | scoped
<sub>定义下标文本4 / 5全局属性
<sup>定义上标文本。4 / 5全局属性
<summary>包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。4 / 5全局属性
<table>定义 HTML 表格4 / 5全局属性
<tbody>定义表格的主体。4 / 5全局属性
<td>定义表格单元4 / 5colspan | rowspan | headers
<textarea>定义一个文本区域 (text-area) (一个多行的文本输入区域)。4 / 5autofocus | cols | disabled | form | name | feadonly | required | required | rows | maxlength | placeholder | wrap
<tfoot>定义表格的页脚(脚注)4 / 5全局属性
<th>定义 HTML 表格中的表头单元格。4 / 5colspan | rowspan | scope
<thead>定义表格的表头。4 / 5全局属性
<time>定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。5datetime
<title>定义文档的标题4
<tr>定义表格中的行。4 / 5全局属性
<track>为诸如 video 元素之类的媒介规定外部文本轨道。5default | kind | label | src | srclang
<tt>定义打字机文本。4-
<u>定义下划线文本 。4-
<ul>定义无序列表。4 / 5全局属性
<var>定义变量。4 / 5全局属性
<video>定义视频,比如电影片段或其他视频流。5src | poster | autobuffer | autoplay | loop | controls | width | height
<xmp>定义预格式文本。4-


速查表
正则表达式速查表
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }