day14 Html的Head內標籤

2022-07-14 22:12:18 字數 1885 閱讀 7567

之前我們學習了html的本質,今天我們就來學習一下html的head頭部標籤,其實這個head標籤的部分就相當於人的大腦,除了title之外,它所有的標籤在瀏覽器中都是看不到,所以我們今天我們就來仔細研究一下這個html的大腦部分,head標籤。

1.自閉和標籤

說明:只有標籤開頭,沒有結尾標籤,它自己自動就關閉了。

2.主動閉合標籤

說明:有開頭標籤也有結尾標籤,是主動閉合的。

使用者管理

定義:宣告不是html標籤,它是指示web瀏覽器關於頁面使用哪個html版本進行編寫的指令。

用法:宣告必須是html文件的第一行,位於標籤之前。

定義:元素可提供有關頁面的元資訊(meta-information),比如針對搜尋引擎和更新頻度的描述和關鍵字。

頁面編碼(告訴瀏覽器是什麼編碼)

#pycharm的寫法,一般預設這個就可以了

#第二種寫法

重新整理和跳轉

關鍵字解析:"keywords" 是乙個經常被用到的名稱。它為文件定義了一組關鍵字。某些搜尋引擎在遇到這些關鍵字時,會用這些關鍵字對文件進行分類。

描述

x-ua-compatible

微軟的ie6是通過xp、win2003等作業系統發布出來,作為佔統治地位的桌面系統,也使得ie佔據了統治地位,許多**開發的時候,就按照ie6的標準去開發,而ie6自身的標準也是微軟公司內部定義的。到了ie7出來的時候,採用了微軟公司內部標準以及部分w3c的標準,這個時候許多**公升級到ie7的時候,就比較痛苦,很多**調整後,才能夠正常執行。而到了微軟的ie8這個版本,基本上把微軟內部自己定義的標準都拋棄了,而全面的支援w3c的標準,由於基於對標準徹底的變化了,使得原先在ie版本上能夠訪問的**,在ie8中無法正常的訪問,會出現一些排版的錯誤、文字重疊、顯示不全等各種相容性錯誤。

與任何早期瀏覽器版本相比,ie8對行業標準提供了更加緊密的支援。因此,針對舊版本的瀏覽器設計的站點可能不會按預期顯示。為了幫助減輕任何問題,ie8 引入了文件相容性的概念,從而允許您指定站點所有支援ie的版本。文件相容性在ie8中新增新的模式,這些模式將告訴瀏覽器如何解釋和呈現**。如果您的站點在ie8中無法中無法正確的顯示,則可以更新改站點以支援最新的web的標準(首選方式),也可以強制ie8按照就版本的瀏覽器中檢視站點方式來顯示內容。通過使用meta 元素將x-ua-compatible 標頭新增到網頁中,可以實現這一點。

當ie8 遇到未包含x-ua-compatible 標頭的網頁時,它將使用指令來確定如何顯示網頁。如果該指令丟失或未指定基於標準的文件型別,則ie8將以ie5模式(quicks模式)顯示該網頁。

解析:相容ie瀏覽器的不同版本,可以左到右,從新版本到舊版本的寫

解析:title 元素的內容會顯示在瀏覽器的標題欄中。

定義:標籤定義文件與外部資源的關係。

用法:標籤最常見的用途是鏈結樣式表。

#在標題前加圖示,rel的內容不能改變,就是寫這個名字

定義:標籤用於為html文件定義樣式資訊。

用法:在style中,可以規定在瀏覽器中如何呈現html文件,type屬性是必需的,定義style元素的內容。唯一可能的值是"text/css"

a paragraph.

定義:

前端 HTML的head標籤學習

網頁中所有的標籤都是通過 標籤名 網頁標題標籤,告訴瀏覽器使用什麼標題顯示網頁 中文標題亂碼的解決辦法 meta charset utf 8 網頁解析編碼格式配置 html5 告訴瀏覽器使用指定的編碼格式開啟 content type content text html charset utf 8 ...

HTML中的Head標籤學習

head 標籤是 元素的內容。不像 元素的內容可以顯示在瀏覽器中,head 的內容不會在瀏覽器中顯示,它的作用是包含一些頁面的元資料。在下面的例子中,head 的內容很少。當然,在大型的頁面中,head 會包含很多的元資料。你可以用 developer tools 去檢視你喜歡的網頁的 head 的...

HTML的層次結構和head標籤

先簡單的介紹下這篇文章 html的介紹 html的層次結構和head中標籤的作用 什麼是 html html hyper text markup language 超文字標記語言.標記語言 指的是通過一組標籤的形式描述事物的一門語言.超文字 比普通的文字更強大.html頁面編碼集 iso 8859 ...