html 10 HTML基礎回顧

2022-07-10 23:51:12 字數 1439 閱讀 8168

html 的常見元素主要分為兩類:head 區域的元素、body 區域的元素。下面來分別介紹。

head 區域的 html 元素,不會在頁面上留下直接的內容。

base元素的介紹:

href="/">

base 標籤用於指定基礎的路徑。指定之後,所有的 a 鏈結都是以這個路徑為基準。

body 區域的 html 元素,會直接出現在頁面上。

div 是最常見的元素,大多數場景下,都可以用div(實在不行就多包幾層div)。可見,div 是比較通用的元素,這也決定了 div 的的語義並不是很明確。

常見標籤的重要屬性:

我們平時在寫**或者其他文件的時候,一般會先列出大綱,然後再寫具體的內容。

同樣,html 網頁也可以看成是一種文件,也有屬於它的大綱。

乙個常見的html文件,它的結構可以是:

>

>一級標

>

按照樣式分類:

按照內容分類:

注意:在 html5 中a > div

是合法的,div > a > div是不合法的 ;但是在 html 4.0.1 中,a > div仍然是不合法的。

比如下拉框這種比較複雜的元素,是自帶預設樣式的。如果沒有這個預設樣式,則該元素在頁面上不會有任何表現,則必然增加一些工作量。

同時,預設樣式也會帶來一些問題:比如,有些預設樣式我們是不需要的;有些預設樣式甚至無法去掉。

如果我們不需要預設的樣式,這裡就需要引入乙個概念:css reset。

方案一:

方案二:

我們可以直接通過 cdn 的方式引入:

rel="stylesheet" type="text/css" href="">

方式三:(比較有爭議)

*

上面何種寫法,比較簡潔,但也有爭議。有爭議的地方在於,可能會導致 css 選擇器的效能問題。

上面的幾種 css reset 的解決思路是:將所有的預設樣式清零。

但是,normalize.css 的思路是:既然瀏覽器提供了這些預設樣式,那它就是有意義的。既然不同瀏覽器的預設樣式不一致,那麼,normalize.css就將這些預設樣式設定為一致。

共同點:二者都是表示斜體。

區別:

自閉和的元素中不能再嵌入別的元素。且 html5 中要求加斜槓。

所以,如果我們是通過 ajax 提交表單資料,也建議加上 form。

HTML 10 HTML彙總整理

1 html基本結構 2 文字相關標籤 color size face align 預格式文字,讓文字保持原來風格,英雄本色 特殊字元 3 超連結 href target blank 相對路徑 絕對路徑 根路徑錨記 頂部 回到頂部 4 影象 5 列表 type disc,circle,square ...

html基礎回顧

寫的 如下 這是我的第乙個網頁 歐也電腦 手機相機 上層專案 下層專案 下層專案 下層專案 遊戲名稱 征途魔獸 遊戲型別 付費免費 遊戲名稱 征途魔獸 遊戲型別 付費免費 1.頭部分是給html頁面增加一些輔助或者屬性資訊,它裡面的內容會最先載入 2.規定 單一標籤要在標籤內閉合,即所有的標籤都應該...

前端回顧之HTML基礎

前端基礎回顧 一 html基礎 01html文件結構 02基本標籤 03標籤屬性 04文字格式化標籤 05實體轉義符 06塊級元素和行級元素 07w3c標準和語義化標籤 08命名規範 正文 01html文件結構 01html文件結構 02基本標籤 self blank parent top div1...