html知識點總結

2021-08-21 18:49:28 字數 1308 閱讀 1305

1.塊級元素、內聯(行內)元素的特點:(1)塊級元素:以塊顯示的元素,高度、寬度、內邊距、外邊距都可以設定,如:、等在預設狀態下都是塊級元素,塊級元素獨佔一行,非塊級元素在css中可以通過display:block設定成塊級元素;(2)內聯(行內)元素:以文字的方式顯示,高度、寬度、內邊距、外邊距都不可改變,如:等,內聯元素與其相鄰的元素在一行顯示,display:inline;display:inline-block為在同一行但高度、寬度、內邊距和外邊距可以改變(如:可以在ul中設定,使得列表水平顯示)

2.href、alt、src、title的區別:(1)href:超文字引用,指網路上資源的位置,在link和a上使用;(2)alt:是html上的標籤屬性,用於網頁上無法顯示時給使用者提供的文字說明使其了解的資訊,給搜尋引擎識別的;(3)src:外部資源的位置,指向的內容會嵌入到當前的文件標籤中的位置;(4)title:既是html標籤,又是html屬性,當屬性時,用來為元素提供額外的說明資訊

3.html語義化:(1)概念:根據內容的結構化,選擇合適的標籤便於開發者閱讀和寫出更好的**的同時讓瀏覽器的爬蟲能更好的解析(2)語義化的優點:在沒有css的同時頁面也能呈現出更好的內容結構和**結構;增強使用者體驗:如title、alt標籤解釋的資訊;有利於搜尋引擎的優化(seo):和搜尋引擎建立良好的關係,有利於爬蟲抓取資訊(爬蟲通過標籤中上下文件和各個關鍵字的權重來抓取資訊);方便其他裝置的解析;便於團隊的開發和維護;(3)在寫html時應該注意的問題:盡可能少的使用無語義的標籤div和span;在語義不明顯,既可以用div也可以用p時,盡量用p,因為p在預設情況下有上下邊距,對相容特殊終端有利;不使用純樣式標籤;需要強調的文字,可以包含在strong和em標籤中,strong是加粗(不用b),em是斜體(不用i);使用**時,標題要用caption,表頭用thead,主體部分用tbody包圍,尾部用tfoot包圍。表頭和一般單元格要區分開,表頭用th,單元格用td;表單域要用fieldset標籤包起來,並用legend標籤說明表單的用途;每個input標籤對應的說明文字都需要使用label標籤,並且通過為input設定id屬性,在lable標籤中設定for=someld來讓說明文字和相對應的input關聯起來。

4.!doctype的作用:宣告文件的解析型別(document.compatmode),避免瀏覽器的怪異模式(混雜模式、相容模式)。

解析型別:怪異模式,瀏覽器使用自己的怪異模式解析渲染頁面;標準模式(嚴格模式),瀏覽器使用w3c的標準解析渲染頁面。這個屬性會被瀏覽器識別並使用,但是如果你的頁面沒有doctype的宣告,那麼compatmode預設就是怪異模式

HTML知識點總結

1 html 超文字標識語言 概念 html是一種用來製作超文字文件的簡單標識語言,簡單的說就是描述網頁長什麼樣子 有什麼內容的乙個文字.2 html和xhtml的聯絡和區別 聯絡 1 都是標記語言,文件注釋都一樣。2 都可以通過dom程式設計方式來訪問 dom是瀏覽器對html文 檔的一種解析 3...

html知識點總結

根標籤 head body為結構化標籤 編碼字符集 gb2312 中國的國家標準第2312條 不能識別繁體 gbk 所有亞裔字符集 unicode 所有國家語言都包括 utf 8 unicode的公升級版 告訴搜尋引擎爬蟲,我們的 是關於什麼內容的 en 關於英文的 功能 1.獨成一段,2.更改字型...

HTML知識點總結

理解什麼是標籤,標籤對的組成 標籤名 屬性 名值對 內容 屬性類似是給這個標籤的內容加了裝備,讓其具有一些特殊的能力 例如 form表單提交是不一定要通過submit操作的,可以通過ajax請求序列化表單的方式完成表單資料的提交。ajax序列化就是將form中的資料構建為名值對的字串統一的提交到後台...