我刚入行那会，也犯过傻，把单标签写成双标签，页面加载报错，查了半天才发现，真的又蠢又耗时????? 其实单标签一点不复杂，大白话唠透，再给几个常用案例，新手也能秒懂。
先掰扯清楚：什么是单标签？
说白了，就是不用“成对出现”的标签，不用写开头又写结尾，一个标签就能搞定一件事。不像双标签（比如p、div），得有始有终，少一个结尾就出问题。
单标签不用记太多，一线开发里，常用的就那几个，带案例更直观，照搬就能用。
最常用的，<img>标签，插图片全靠它！比如插一张网页logo，写<img src="logo.png" alt="网站logo">，不用收尾，浏览器直接识别，新手常漏写alt，图片加载失败就显示空白，特影响体验。
然后是<br>，换行专用。写文字想换行，不用空很多空格，加个<br>就搞定，比如段落里“换行<br>这里另起一行”，简单又实用。
还有<input>，做表单必用！比如让用户填手机号，写<input type="tel" placeholder="请输入手机号">，不用成对写，直接就能显示输入框，一线做登录、注册页天天用。
提醒一句，单标签也有规矩，别瞎写！比如<hr>（分割线），直接写就行，不用加</hr>，多写反而报错。
其实单标签就是“懒人福音”，不用记成对结尾，掌握这几个常用的，日常开发完全够用，比瞎记一堆标签省心多了！
评论