html标签有哪些

写网页的标签人每天敲的标签，掰手指头数也就二十来个常用的标签。<div>和<span>是标签两兄弟，一个管块级布局，标签一个管行内文字。标签你打开任何网站，标签右键查看源代码，标签满屏都是标签它们俩在跑龙套。

真正的标签主角是那几个带语义的。<h1>到<h6>是标签标题，从大到小排好队。标签搜索引擎的标签爬虫就靠这个判断你页面讲什么重点。我见过有人把整个页面都塞进<h1>，标签那感觉就像在街上拿大喇叭喊“看我！标签看我！标签”——反而没人理你。

段落用<p>，链接用<a href="url">，图片是<img src="图片地址" alt="描述">。这三个是日常三件套。写<img>的时候千万别偷懒不写alt属性，盲人用户靠读屏软件听网页，没这句描述，他们听到的就是“图片，图片，图片”，跟听天书似的。

表单那块是另一套江湖。<input>最百变，加个type="text"是输入框，换成type="password"就变成密码框，改成type="checkbox"又成了复选框。还有<button>按钮和<select>下拉菜单。上个月改了个注册页面，光捋清楚这些嵌套关系就花了我一下午。

列表也分家。<ul>是无序列表，前面带圆点；<ol>是有序列表，自动编号1234。里面每项都要包一层<li>。做导航菜单时，<ul>加<li>加<a>这三层嵌套是标配，写久了手指头都有肌肉记忆。

别忘了<table>这老古董。现在布局不用它了，但真碰到数据报表，还得靠<tr>（行）、<td>（列）一格一格码。我见过新手把整个页面用表格拼出来，改个边距要调八个地方，那酸爽，像拆俄罗斯方块。

最近几年多了些新面孔。<header>、<footer>、<nav>、<article>，都是HTML5带来的，把原来那堆没语义的<div>换成了有名字的容器。但说实话，很多老前端还是习惯性写<div class="header">——标签是死的，人是活的，怎么顺手怎么来。

还有几个冷门的，比如<marquee>做滚动字幕，IE时代的老古董，现在基本没人用了。但偶尔在老旧企业内网系统里还能撞见，像考古挖到化石，还挺亲切。

最后提一嘴<br>换行和<hr>横线。这俩是单标签，没有结束标记。写散文诗或者地址信息时好用，但别拿来硬撑排版——那跟用铅笔刀切牛排一样，能用，但劲儿不对。

标签就这么些，背下来不难，难的是知道什么时候用哪个。就像工具箱里扳手螺丝刀锤子，你认识它们，不代表你就能盖好房子。多写，写坏了再改，改着改着就摸出门道了。