Home > Web Front-end > H5 Tutorial > body text

淘宝为什么放弃了 HTML5 新的语义化标签的使用?

WBOY
Release: 2016-06-07 08:44:09
Original
1745 people have browsed it

我记得以前淘宝首页有使用article section nav等新的HTML5语义化标签,今天看了下首页、list、detail三大页面都已经没有任何一个新标签的使用,是出于什么考虑了?

回复内容:

唯一能想到的就是,一次对赌协议,要做性能优化,对 ie8-的浏览器,少一些 shim 也能节约点性能,谁让是首页呢~ 这问题只能淘宝的相关前端工程师前来回答。

我个人意见:对于淘宝这样量级的网站,前进需谨慎,但倒退更不可取。 他敢不兼容IE6? 别开玩笑了, 人家是要赚钱, 又不是为了技术而技术。。。 重构有风险,重构需谨慎。
这些鸡肋标签带来不了多少实际的提升。重构的工作量可不是闹着玩的(开发测试啥的,另外还要对现有的开发人员做培训),另外性能这东西,我觉得主要的性能瓶颈数据库还是占主要的。
另外现有的界面不用这些标签,不代表以后新的页面不使用这些标签。题主看到现在没有用,就果断推断是放弃HTML的新增标签,这是不科学的推断。 我在项目里也不用这些 HTML5 标签,个人观点

1,不知道现在规范怎么样了,之前规范老是变,连规范都还没确定下来,你要怎么用?就像 hgroup 后来被废除,之前用这个标签的显然要修改一些 HTML 和 CSS 了。
2,你确定你能分清 section、article 等标签的语义性并用在正确的模块吗?如果用不好,反而帮了倒忙。
3,需要引入额外的 shim 和 CSS reset。
4,(个人观点)语义性相比之前没有增强太多,规范还没有很详细确定,搜索引擎之类也只能实现一部分功能。

来回修改增加一些不必要的东西,还不如使用之前的。 淘宝是一个相当巨量访问的网站,所有的用户都是需要照顾的,连不支持wp都需要出来,何况ie6。

所以,如果使用header等标签,ie6等不支持的浏览器么办?做额外的兼容么?一个字节的提高,在淘宝都会带来带宽的压力提升,那都是白花花的银子呀!特别是首页,你玩任何花样都要考虑太多

一如@贺师俊 (手机没提示,俊没错吧)说的:

升级需谨慎,后退更不可取 估计是兼容性问题吧? 淘宝又不需要让机器看懂 双 11 还有双 12 如果出事谁负责?这是从管理角度猜测解读,取决于团队技术 style,无对错之分。 因为,,, 很鸡肋啊. 而且低版本 IE 还需要做额外兼容 (虽然也很简单).

HTML5 最重要的不是语义化而是扩展了 Web 的可用 API 范围. 语义化这个东西,,, hmm.

像 ul, ol, dl 这些我还是挺乐意用的. 但 header, nav 这一类,,, 摸摸下巴. 我不知道为了选取一个语义化的名称或标签而纠结的情况只会发生在少数人身上还是很多人都有, 反正我是很不想花时间在这种不必要的东西上的 (虽然依旧情不自禁).

举个例子, 假设用 header 吧, 那我现在实现某个效果需要一个额外的元素, 不用 HTML5 标签可能就是 div.header-wrapper, 但用了 HTML5 标签, 我是应该把 header 元素当做 wrapper 呢还是在 header 元素外面加一个 div.header-wrapper 呢. 脑袋会爆的.

所以原来的 div.header-wraper > div.header 多好, 层次清晰, 也不必纠结.
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!