标签
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 是展示的内容,dt 和dd 可以有很多组 |
文本样式标签
标签 | 描述 |
---|---|
<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 效果差不多 |