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

[alwayshere]

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

[taojing10]

没必要吧

[stephenliubp]

就是 iOS 中几乎所有的东西都可以用自定义 UIView 来实现，为什么还存在那么多控件一样。道理不言而喻

[lazypu]

我就记得三个字 语义化

[jokerjoker]

如果你写个 select,别人一看代码就知道这是个下拉菜单,如果你写个 a,别人一看就知道是可以点击的超链接,如果你写个 ul 一看就是和列表有关的东西.
一个语言最重要的部分,并不是实现怎样的功能,而代码是需要人写的,可读性永远是最重要的部分.

[youxiachai]

@Mark24 你是没看到正面回答的?冷嘲热讽..
是因为 lz 压根就不回答那些问题

[allce231]

你要这样写也没人管你啊

[quxw]

是都可以用 div， 然后需要用一堆 class，来对这些 div 做分类，配置相应的默认属性。
这时 tag 都没意义了，因为都一样的，全看 class。
tag 这一层就被浪费了（而且是大家最熟悉一层，你自己定义的 class 别人又看不懂）。

这个问题就像，汇编什么都能做，要高级语言干嘛。

[linus3389]

@codehz 凡是也不是绝对的，当 webGL 足够好用的使用搞不好以后就不需要 css 和 html 标签了呢，webAsm 普及了后呢，可能又会是另一番格局，不要对现有掌握的技术与标准就绝对的肯定，保持一颗维新的心。

[dot]

HTML 1.0 是从各种标签开始的……

[Persephone]

甚至可以自己定义一个标签

但是最大的问题是，全用 div，在一些特殊浏览器上根本无法正常显示，而且一旦脱离开 Javascript，这个网页是没法用的。

HTML 本来就是一个文档格式，随使用者自由发挥。

[c447279704]

简单

[xiaoxi123]

语义化

[cctv1005s927]

@Reign
当然是最好不要 [全部] 这样做，因为你要实现复用，和一些三方的插件引入，例如 jquery,bootstrap 这样的第三方插件。
所以最好不要将 css 和 js 混在同一个 html

[cctv1005s927]

@j

感谢反对。

我在回复中有举例情况 [网络状况不好时] ，

最常见的就是 github 在国内网络不好时，导致 js 和 css 无法被加载出来，但是你依然能够看到 github 页面的基本框架，能读懂它。

如果全是 div 的话，此时可读性就差很多。

[ty89]

可以 b 一波了

[maybeonly]

标签是有自己的含义的。比如 a 表示一个链接，h1 等等表示标题……
虽然都用 div 可以渲染到差不多的样子，但是遇到辅助功能的时候就 gg 了。

[coolzjy]

所有的循环都可以写成递归，所有的 while 都可以写成 for，所有的 else 都可以改写成 if，那这些东西存在的意义是什么？

写着方便，看着明白呗。

[klren0312]

上次公司给我的页面是 axure 生成的，让我改呢，拿标签乱的。。。

[stabc]

就当多一种使用方式吧。就好像 jquery 里的.ajax 和.post

[fuermosi777]

难道没人考虑标签有助于 accessibility 吗？

[caola]

@alwayshere 为什么有这些标签，是为了减少学习成本，和开发成本，让开发者能快速的完成项目。
就比如 jquery 一样，为什么那么多人使用 jquery，而不直接写原生的 js 代码？
还不就是能更快速的实现功能，节约时间成本。

[momocraft]

一个人的所有需求都可以用土豆解决 为什么你

[linpf]

当年，CSS 还没有出现的时候……

[Marfal]

http://motherfuckingwebsite.com/

[KuroNekoFan]

肯定是可以的，不过一般没人这么干

[19629037902]

一个字：方便

[daisyxdx]

可读性

[seasolzombie]

html5 的出现已经强调了语义化很重要，源码是给人看的，不是给机器看的。标签不同不仅仅是元素名字不同，原型也可能有差别

[UnknownR]

定义，方便阅读与查阅，比如使用文本处理 html 快速定位内容的时候，标签的作用就显得非常重要了

[wuxinli1025]

不仅可以用<div>标签， 还可以用自定义的标签呢。

[Vonex]

机器怎么都是看得懂的，人就不一定了

[spolarbear]

就好比每句 html 都不直接写，而放在 javascript 里面写“ document.write...”的意思。。。

[Jackeriss]

有盐就已经是咸的了，为什么还要放酱油?

[Jackeriss]

@Jackeriss 当然是为了色香味俱全！

[millionart]

引用楼主第一句话
“ href 属性可以用 js 的 location.href 代替”
使用了 js 的网页不是纯 HTML

引用楼主第二句话
“ img 标签可以拿 background-image 配合 background-size 解决”
background-image 和 background-size 是 HTML 中 标签 的 属性，但早期的部分浏览器并不支持这类属性，因为当时没有更高级的视觉需求，所以这些表现形式分别内嵌入了标签自身，而衍生出了不同的标签以表现样式，直到人们发现同样的页面在不同浏览器下表现的样子大相径庭，才有了这些补充

所以回答楼主的问题：
1 纯 div 不可能解决所有 HTML 需求
2 多种类标签是语义化没错，但更早是一个历史问题，因此 HTML5 开始支持自定义标签了

说点题外话：
其实这类视觉类属性在近年已经基本不使用了，因为他们被更高级的叫做 CSS 的东西和叫做 内容样式分离 的设计思路代替了，那段时间是个混乱的时代，很多人听说过 XHTML，但少有人听说过 xml+xsl，是一种更深层的“内容表现分离”，大约在 03 年时候我尝试过这种设计，印象中魔兽世界国服第一代论坛就是采用这种技术，优点是速度极快，缺点是浏览器兼容性较差（因为思路太超前），可惜这种技术不知为何并没有被普及，现在也没人用了

[wmfei]

如果你的代码只是给自己看，那就无所谓