为什么有些前端一直用div当按钮,而不是用button

能规范用标签的地方还是规范使用。

但就我自己的经验而言,这个还真的是看项目。

对于一些产品/个人展示用的页面,项目要求是“新颖,酷炫,吊炸天”。所谓的“按钮”其实是指“

拥有复杂动画效果的可点击元素”,比如仿安卓Ripple效果的按钮(虽然也可以用 button 做出来,这里供理解用),拟物的开关等等。在或者是只有部分浏览器支持的新标签/属性: 等等,为了达到浏览器兼容,通常都是用
封装。

加上现在 Chrome 为首的一众浏览器又在大力拥抱 Web Components。用户可以自定义/封装标签,打开源代码全都是见都没见过的标签等等。所以针对这部分用户而言,为打到最终的体验效果,不得不用封装过后的可点击元素。

为什么有些前端一直用div当按钮,而不是用button

图为 Github 源码中使用的 Web Component

为什么要用语义化标签?

语义化是给其他程序猿,更是给搜索引擎。

比如我一个页面可以这样写




Like

Share

Add to favorite



This is the heading


Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum, consequuntur!

Next Page




我也可以这样写





This is the heading



Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem, assumenda?




copyright@2018


明显后者的SEO友好程度更高,搜索引擎也更容易将你的内容准确的展示出来。

为什么有些前端一直用div当按钮,而不是用button

链接:https://www.zhihu.com/question/296706208/answer/503036289


分享到:


相關文章: