這篇文章主要介紹了html標(biāo)簽中常用的頭部標(biāo)簽是什么的相關(guān)知識(shí),內(nèi)容詳細(xì)易懂,操作簡單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇html標(biāo)簽中常用的頭部標(biāo)簽是什么文章都會(huì)有所收獲,下面我們一起來看看吧。
我們提供的服務(wù)有:網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、武勝ssl等。為超過千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的武勝網(wǎng)站制作公司
HTML 中的
標(biāo)簽是所有頭部標(biāo)簽的容器,這些頭部標(biāo)簽用來定義有關(guān) HTML 文檔的元數(shù)據(jù)(描述數(shù)據(jù)的數(shù)據(jù))以及所需資源的引用(例如 CSS 樣式文件、JavaScript 腳本文件),對文檔能夠在瀏覽器中正確顯示起到了非常重要的作用。根據(jù)我們的需求,可以在 HTML 頭部定義大量的元數(shù)據(jù),也可以定義很少或者根本就不定義。雖然頭部標(biāo)簽是 HTML 文檔的一部分,但其中的內(nèi)容并不會(huì)顯示在瀏覽器中。在
標(biāo)簽中可以使用的頭部標(biāo)簽有簡單實(shí)例:
css外部樣式表 style.css
h2{ color:red; } p{ font-size:14px; color:green; }
HTML文檔
link標(biāo)簽或@import的應(yīng)用
外部定義CSS樣式表以.CSS為擴(kuò)展名文件,然后在頁面中通過link標(biāo)簽或@import鏈接到頁面中。
實(shí)現(xiàn)效果:
link和@import的區(qū)別:
1、從屬關(guān)系區(qū)別
@import是 CSS 提供的語法規(guī)則,只有導(dǎo)入樣式表的作用;link是HTML提供的標(biāo)簽,不僅可以加載 CSS 文件,還可以定義 RSS、rel 連接屬性等。
2、加載順序區(qū)別
加載頁面時(shí),link標(biāo)簽引入的 CSS 被同時(shí)加載;@import引入的 CSS 將在頁面加載完畢后被加載。
3、兼容性區(qū)別
@import是 CSS2.1 才有的語法,故只可在 IE5+ 才能識(shí)別;link標(biāo)簽作為 HTML 元素,不存在兼容性問題。
4、DOM可控性區(qū)別
可以通過 JS 操作 DOM ,插入link標(biāo)簽來改變樣式;由于 DOM 方法是基于文檔的,無法使用@import的方式插入樣式。
4、
注意:對于文檔中的唯一樣式可以使用