Skip to content

标签

HTML标签是用尖括号<>包围的关键词,标签通常是成对出现的(包括开始标签和结束标签)

具体的HTML标签参考手册:完整的HTML标签参考手册

建议是使用有语义的标签,使代码的可读性更高

结构化标签

HTML标签描述
<h1-6></h1-6>标题1-6:数字越小,权重越高
<main></main>主标签,页面的主要内容区域,一般出现一次,其他标签在其内部
<header></header>页面的头部,不止局限于整个页面,可以理解成一个区域的头部内容
<footer></footer>页面的底部,不止局限于整个页面,可以理解成一个区域的底部内容
<div></div>未声明语义的位置标签
<nav></nav>水平导航区域标签
<article></article>独立的内容区域标签
<section></section>相似区域的组合标签,可以理解成相似块
<aside></aside>页面中小部件(与主要内容没有关系的)的区域标签

常见标签

HTML标签描述
<hr/>创建一个水平的分割实线
<p></p>段落标签
<pre></pre>原样输出标签,定义预格式文本,浏览器不会忽略源代码中的空格和换行排版
<br/>换行标签,一般穿插在<p>中使用,使段落换行
<span></span>文本独立控制标签,没有特定的语义时通常使用
<time></time>时间标签
<abbr title="鼠标放上提示的内容">页面显示的内容</abbr>描述一段简写的内容标签
<progress value="30" max="100"></progress>进度条标签
<cite></cite>文本引用标签,用于小段文本
<blockquote></blockquote>大段文本的引用标签
<address></address>地址标签
<q></q>定义引用,在浏览器中显示为引号
<style></style>定义样式
<link>定义资源引用
<input>输入元素,根据不同的type属性,展示不同的形态
<select></select>创建一个下拉列表控件
<option></option>定义下拉列表框待选择的选项
<textarea></textarea>定义多行输入字段(多行文本)
<button></button>定义可点击按钮
<ol></ol>设置有序列表,条目前面是数字序号
<ul></ul>设置无序列表,条目前面是一个小黑点
<li></li>列表的具体条目
<dl><dt><dd></dd></dt></dl>三级展示,dt是展示的标题,dd是展示的内容,dtdd可以有很多组

文本样式标签

标签描述
<b></b>定义粗体文本
<big></big>定义大号字
<em></em>定义着重文字
<mark></mark>像马克笔(有背景色)一样的文本显示
<strong></strong>文本强调标签,突出显示
<i></i>定义斜体字
<small></small>定义小号字
<sub></sub>定义下标字
<sup></sup>定义上标字
<del></del>定义删除字
<ins></ins>定义插入字
<s></s>定义错误字,与del效果差不多

Released under the MIT License.