基礎梳理之 標籤使用規範

2021-10-01 06:22:37 字數 1001 閱讀 6070

部分巢狀規則

span不能巢狀divdiv可以巢狀spanp不能巢狀塊級元素

button盡量不要套div,(火狐瀏覽器下會有bug),不可以巢狀a元素

a元素裡不能巢狀互動式元素(a,button,select等)

form元素裡不能直接包含input元素(屬於行內元素,form只能包含塊狀元素)

table元素只能包含caption,colgroup,col,thead,tbody,tfoot,不能夠直接包含tr或者其他任何元素

h 標籤和 div 的區別

div是塊狀元素,初始無任何樣式

h是標題,有預設樣式

在網頁中可以有若干個div,但是h標題元素有限制(seo來說乙個頁面只能有1個h1,2~3個h2

使用 h 或者 p 而不是 div

如果所有頁面使用div

ulli標籤

用於列表型別布局

文章標題列表排版

常常使用列表排版布局

ul標籤下不能直接放內容或者其他標籤,只能放lili內可以放ulol

基礎梳理之 定位(position)

一 position relative相對定位 1 參考物件是自己,即自己原來所在位置的左上角為座標系的原點 2 移動後,之前的位置依舊保留,不會被其他元素占用 3 可能導致元素重疊 absolute絕對定位 1 參考物件是position static的最近的祖先元素 如果沒有就以頁面文件的初始位...

HTML標籤之常見基礎標籤

不是標籤,是文件宣告,宣告文件的解析型別,告知瀏覽器解析器用什麼標準解析文件,目的 避免瀏覽器的怪異模式。怪異模式 1 標準模式 瀏覽器使用w3c標準解析渲染頁面,排版和js執行以瀏覽器的最高標準執行。2 相容模式 瀏覽器使用非w3c標準解析渲染頁面,頁面以寬鬆向後相容方式執行,模擬老瀏覽器防止站點...

html 基礎之 標籤

head link rel stylesheet type text css href theme.css head 在用於樣式表時,標籤得到了幾乎所有瀏覽器的支援。但是幾乎沒有瀏覽器支援其他方面的用途。標籤定義文件與外部資源的關係。標籤最常見的用途是鏈結樣式表。在 html 中,標籤沒有結束標籤。...