一个网站的所有 HTML 都可以用 div 标签解决，为什么还会有各种不同的标签？？

[alwayshere]

href 属性可以用 js 的 location.href 代替，img 标签可以拿 background-image 配合 background-size 解决，input 可以用 div 的 contentEditable 解决，其余的什么 p、ul、li、span 等等更不用说了，都可以解决，而且我印象中谷歌也表示过，html 标签不影响 SEO，那么我全部用纯 div 写一个网页有什么弊端？

[howeroc]

想过盲人怎样“看”网页吗？

[yuriko]

我记得我们老师当年说过，一个网页的点击，90%的时候都是被机器在读……
合理使用标签有助于解析……

[SilentDepth]

用 JS 实现 <ol>？

[dosin]

你不适合搞前端 你搞前端你就是前端的毒瘤 你也不适合搞别的语言 你搞什么都是该领域的毒瘤 因为你的想法、性格、能力不行

[scriptB0y]

HTML5 在做的一件事情就是语义化。这是时代的步伐。网页是给人看的，代码也是要给人读的。用 vedio，img 这样的标签可以让其他服务和接口做更好的可以用性。

标签都是应该有语义的，相反，<div>是最没有语义的一个标签（ https://segmentfault.com/a/1190000002695791#articleHeader0 ），HTML5 是不倡导使用的。

楼主你在反人类吧……

[woffee]

啥也别说了，楼主下个项目只用 div 试试。实践出真知。

[jjplay]

mingge 攻械湿的继任者 —— DIV 胶父.

[VincentWang]

语义化，一是爬虫抓取，二是 WAI-ARIA。

[ssshooter]

语义化没问题，有的标签自带样式就挺讨厌，又要自己覆盖

[g0thic]

还好没遇到这样的同事

[tabris17]

语义化啊，都是 div 看着不累吗。再说了，有 textarea 不用，非要用 contenteditable 的 div 吗

[Zzzzzzzzz]

@TomIsion 其实原本 xhtml 1.0 严格模式就已经要把 target=_blank 给砍了, 要求用 rel 属性和 window.open 的 js 替代， 不过后来 xhtml 死了.....此处当 @laogui

[xiaobai012]

既然只吃百米饭就可以吃饱，为啥还要吃菜

[ningbo16]

你可以理解为这些标签分别对 div 进行了封装，比如说 h 标签封装了字号颜色，p 标签封装了间距等等

[Tokin]

明明一张图片可以做的事情，为什么要用 HTML+CSS

[anla]

似乎，期初的时候，网页是 table 的，table 没有 div 万能，就有各种标签补充。div+CSS 出现并流行之后，table 外的标签留存。另外，就是搜索引擎，搜索引擎一开始也不是那么聪明，你有各种语义化的标签，它比较容易读懂，读懂了，就容易给网站带来流量。那么，事到如今，如果不在乎搜索引擎的流量，那就另说了，可以 DIV 干到底。

[oroge]

使用带语义的标签意味着 accessibility, 譬如盲人的读屏软件知道 <h1> 代表一个标题，可以告诉盲人用户，但是如果你用 <div class=“ my-own-heading-class ”> 那么读屏软件就不知道“这是标题”。 与此相关的还有 aria 等属性。

话说回来，尽管我知道的国际大厂都注重残障人士友好（包括苹果微软等，看看各个 OS 的「辅助功能」功能列表就能说明情况了），但是国内大厂很多都不注重 accessibility （之前听说微信不支持盲人读屏软件，不知道现在状况如何）。希望愿意为此付出的公司会更多吧。不过大概这得等到普遍仓廪实的那一天 ==。

带语义的标签另一个好处是对爬虫友好（比如 SEO ）。

[linus3389]

大家都在无脑怼楼主么。。。我觉得楼主挺创新的啊。

其实，只是现在大多数从业人员的认知和接受是如此，大家也就默认接受了这种 HTML 的格局。业界进步就是要不断打破格局的。

现代的 js 生态已经很强大了，强大到就算一个 Framework 都可以有自己的生态比如 React Vue Angular 之流。

楼主你可以自己实现一套框架，只有 DIV。如果火了，各种标准就会来适配你，从业人员也都会来习惯你。

[dongsuo]

写写试试不就知道了，你自己写个页面就知道有多蛋疼了

[demo]

楼主试试 pugjs 吧， 这样 div 三个字母都不用写了。🙂