HTML常用基本标签概览

HTML

HTML起手式

章节标签

标题 h1~h6 HTML 提供了6个标签，用来表示文章的标题。按照标题的等级，一共分成六级，<h1>是最高级别的标题，<h6>是最低级别的标题。下一级标题都是上一级标题的子标题，比如，一个<h1>后面可以有多个<h2>，每个<h2>后面又可以有多个<h3>。
章节 section <section>标签表示一个含有主题的独立部分，通常用在文档里面表示一个章节，但是一个页面里面不能只有一个<section>。
文章 article <article>标签表示页面里面一段完整的内容，即使页面的其他部分不存在，也具有独立使用的意义，通常用来表示一篇文章或者一个论坛帖子。它可以有自己的标题（<h1>到<h6>）。
段落 p <p>标签是一个块级元素，代表文章的一个段落（paragraph）。不仅是文本，任何想以段落显示的内容，比如图片和表单项，都可以放进<p>元素。
头部 header <header>标签可以用在多个场景，既可以表示整个网页的头部，也可以表示一篇文章或者一个区块的头部。如果用在网页的头部，就称为“页眉”。网站导航和搜索栏通常会放在<header>里面。
脚部 footer <footer>标签表示网页、文章或章节的尾部。如果用于整张网页的尾部，就称为“页尾”，通常包含版权信息或者其他相关信息。
主要内容 main <main>标签表示页面的主体内容，一个页面只能有一个<main>。
旁枝内容 aside <aside>标签用来放置与网页或文章主要内容间接相关的部分。网页级别的<aside>，可以用来放置侧边栏，但不一定就在页面的侧边；文章级别的<aside>，可以用来放置评论或注释。
区域划分 div <div>是一个通用标签，表示一个区块（division）。它没有语义，如果网页需要一个块级元素容器，又没有其他合适的标签，就可以使用这个标签

内容标签

ol <ol>标签是一个有序列表容器（ordered list），会在内部的列表项前面产生数字编号。列表项的顺序有意义时，比如排名，就会采用这个标签。
ul <ul>标签是一个无序列表容器（unordered list），会在内部的列表项前面产生实心小圆点，作为列表符号。列表项的顺序无意义时，采用这个标签。
li <li>表示列表项，用在<ol>或<ul>容器之中。
dl、 dt、dd <dl>标签是一个块级元素，表示一组术语的列表（description list）。术语名（description term）由<dt>标签定义，术语解释（description detail）由<dd>标签定义。<dl>常用来定义词汇表。
pre <pre>是一个块级元素，表示保留原来的格式（preformatted），即浏览器会保留该标签内部原始的换行和空格。浏览器默认以等宽字体显示标签内容。
code <code>标签是一个行内元素，表示标签内容是计算机代码，浏览器默认会以等宽字体显示。
hr <hr>用来在一篇文章中分隔两个不同的主题，浏览器会将其渲染为一根水平线。该标签是单独使用的，没有闭合标签。
br <br>让网页产生一个换行效果。该标签是单独使用的，没有闭合标签。
em <em>是一个行内标签，表示强调（emphasize），浏览器会以斜体显示它包含的内容。
strong <strong>是一个行内元素，表示它包含的内容具有很强的重要性，需要引起注意。浏览器会以粗体显示内容。
blockquote <blockquote>是一个块级标签，表示引用他人的话。浏览器会在样式上，与正常文本区别显示。