爲什麼有些前端一直用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


分享到:


相關文章: