小編給大家分享一下HTML中經(jīng)常容易混淆的屬性有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
我們提供的服務(wù)有:做網(wǎng)站、網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、尖草坪ssl等。為1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的尖草坪網(wǎng)站制作公司
link與@import的區(qū)別與選擇
既然link與@import都可以用來引入css,那么它們的區(qū)別是什么呢?我們又該如何選擇呢?
link是XHTML標(biāo)簽的一種,除了可以加載css外,還可以定義其他rel屬性,而@import只能用來加載css。
link標(biāo)簽在加載css時(shí),與頁面一同加載,而@import需要等到網(wǎng)頁完全加載以后才進(jìn)行加載。
link是XHTML標(biāo)簽,不存在兼容問題,而@import是在CSS2.1中提出的,對于低版本的瀏覽器不支持。
link標(biāo)簽可以通過Javascript代碼去控制其屬性,而@import不可以。
@import支持在css文件中再次引入其他css文件,方便對多個(gè)css文件的管理。
因?yàn)锧import引入的文件需要在網(wǎng)頁完全加載后再加載,如果在網(wǎng)絡(luò)速度較慢的情況下,會出現(xiàn)頁面閃現(xiàn),因此建議使用link標(biāo)簽代替@import。
readonly與disabled屬性
html元素的readonly與disabled屬性一般都是用于無法改變表單的內(nèi)容,但是兩者也是有區(qū)別的。
readonly屬性只針對input(text,password)和textarea元素,而disabled適用于所有表單元素,包括select,radio,checkbox,button等。
在表單元素使用了disabled后,該元素的的值不會隨著form的action請求傳遞到服務(wù)器端,而使用readonly的元素值可以傳遞到服務(wù)器端。
以下是一些關(guān)于兩者的使用建議。
在表單中為用戶預(yù)填的唯一標(biāo)識碼,不允許用戶改動,而且需要傳遞到后臺的使用readonly屬性。
用戶提交完表單元素后,等待服務(wù)器端的驗(yàn)證,這個(gè)過程應(yīng)該將元素設(shè)為disabled,button和submit也應(yīng)該設(shè)為disabled,以防止重復(fù)提交。
以上是“HTML中經(jīng)常容易混淆的屬性有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!