关于HTML的标签 MDN 和 W3c 都有详细的文档说明,这篇博客只是对部分的常用标签做一个归纳。需要查询具体的参数,请移步到上面的官网;
另注:下文的标签属性均为
html5
所用属性,已废弃属性不在齐列。
<div>
如果说最常用的标签,<div>
绝对是毫无异义的一位选手。
-
关键词
块级元素 -
定义和用法
在<div>
标签定义的划分或HTML文档中的一个部分。
在<div>
元素通常被用作一个容器,用于其他HTML元素将它们与CSS样式或使用JavaScript执行某些任务。 - 默认css设置
div{
display:block;
}
<a>
-
关键词
超链接 -
定义和用法
<a>
标签定义了一个超链接,其被用于连接从一个页面到另一个。
<a>
元素最重要的属性是href
属性,这表示链接的目标。 - 属性
属性 | 值 | 描述 |
---|---|---|
download | filename | 规定被下载的超链接目标 |
href | url | 规定链接指向的页面的 URL |
hreflang | language_code | 规定被链接文档我的语言 |
media | media_query | 规定被链接文档是为何种媒介/设备优化的 |
rel | text | 规定当前文档与被链接文档之间的关系 |
target | _blank _parent _self _top framename |
规定在何处打开链接文档 |
type | MIME type | 规定被链接文档的MIME类型 |
- 默认css设置
div{
display:block;
}
<span>
-
关键词
行内元素 -
定义和用法
<span>
标签被用来组合文档中的行内元素.span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
<h1>
~<h6>
-
关键词
标题 -
定义和用法
在<h1>
到<h6>
标记被用来定义HTML标题。
<h1>
定义的最重要的标题。<h6>
定义最不重要的标题。
<p>
-
关键词
段落/块级元素 -
定义和用法
表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进。 - 默认css设置
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
<ul>
,<ol>
,<li>
-
关键词
列表 -
定义和用法
-
<ul>
代表多项的无序列表,即无数值排序项的集合,且它们在列表中的顺序是没有意义的。 -
<ol>
表示多个有序列表项,通常渲染为有带编号的列表。 -
<li>
用于表示列表里的条目。它必须被包含在一个父元素里:<ol>
,<ul>
,<menu>
-
<dl>
,<dt>
,<dd>
-
关键词
定义列表 -
定义和用法
-
<dl>
是一个包含术语定义以及描述的列表,通常用于展示词汇表或者元数据 (键-值对列表)。 -
<dt>
用于在一个定义列表中声明一个术语 -
<dd>
用来在一个定义列表中声明一个术语的描述
-
<form>
-
关键词
块级元素/表单 - 定义和用法
-
<form>
标签用于为用户输入创建 HTML 表单。 - 表单能够包含
<input>
元素,比如文本字段、复选框、单选框、提交按钮等等。 - 表单还可以包含
<menus>
、<textarea>
、<fieldset>
、<legend>
和<label>
元素。 - 表单用于向服务器传输数据。
- 属性
属性 | 值 | 描述 |
---|---|---|
accept-charset | charset-list | 服务器可处理的表单数据字符集 |
action | URL | 提交表单时向何处发送表单 |
autocomplete | on off |
是否启用自动填充 |
enctype | 发送表单之前如何编码 | |
method | get post |
发送form-data的http方法 |
name | form_name | 表单的名称 |
novalidate | novalidate | 提交表单时不进行验证 |
target | _blank _parent _self _top framename |
规定在何处打开 action URL |
<input>
-
关键词
输入框/空元素 -
定义和用法
- 用于搜集用户信息。
- 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
<img>
-
关键词
图像/空元素 -
定义和用法
- 元素向网页中嵌入一幅图像
- 必有属性
src
,alt
;
<main>
-
关键词
主要内容/唯一 -
定义和用法
- 规定文档的主要内容
- 在一个文档中,不能出现一个以上的
<main>
元素。<main>
元素不能是以下元素的后代:<article>
、<aside>
、<footer>
、<header>
或<nav>
。
<nav>
-
关键词
导航/块级元素 -
定义和用法
含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表.
<footer>
-
关键词
页脚/块级元素 -
定义和用法
-
<footer>
标签定义文档或节的页脚。 -
<footer>
元素应当含有其包含元素的信息。 - 页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
- 您可以在一个文档中使用多个
<footer>
元素。
-
……未完待续
——远方不远