HTML5的相關知識學習筆記(一)

2021-10-04 03:36:53 字數 2044 閱讀 1097

塊級元素

獨佔一行,用來布局段落,列表,導航選單,腳注等結構,不可巢狀在行內元素中。

行內元素

與其他元素共享一行,一般被巢狀在塊級元素中,通常作為段落的一部分出現。

空元素只包含單個標籤,通常用於在文件中插入部分內容。

替代元素

替代元素已經脫離了css的範疇,它們的表現不依賴css,典型的替換元素有

行內塊級元素轉換display:inline-block;

將其他元素轉換成行內顯示,同時可設定寬高的元素

display:inline;

將其他元素轉換成行內元素。

display:block;

將其他元素轉換成塊級元素。

display:inline-block;

塊級行內展示

1. 空白

在文件中無論出現多少個空白或者換行,但是在瀏覽器中解析出來的只有乙個空白。

2. 實體

在html中某些字元是預留的,因為瀏覽器在解析過程中會出現一些差錯,誤認為這些字元屬於標籤,具體的實體情況請跳轉以下鏈結。

html iso-8859-1 實體參考手冊

3.標籤

標籤是可以巢狀的

>

>

span

>

>

h1>

div>

塊級元素可以包含其他標籤

行內元素中不可以放置塊級元素

錯誤示範

-->

>

>

div>

span

>

>

>

>

>

h1>

/>

div>

li>

ul>

有序列表ol

li項無序列表ul

li項自定義列表dl

dt標題

dd內容

1. a標籤(行內元素)

href表示跳轉的目的地,取值如下:

1、目標元素的id值(用於錨點跳轉)

href="#目標元素的id值"

2、url(外部鏈結"url"、相對路徑"./")

3、email(傳送郵件mailto:***@163.com)

以新視窗開啟 _blank

在當前視窗開啟 _self(預設為當前視窗開啟。)

2. a標籤訪問的順序:同等優先權的樣式,寫在後邊的會覆蓋前邊。前2者兩種狀態是常態,而後2者是即時狀態,當即時狀態觸發時,要覆蓋常態,所以2個即時狀態要放在後邊。

img標籤

table標籤(經常配合caption、thead、tfoot、tbody、tr、td、th、col、colgroup一起使用)

*align:**應該如何在文件中對齊,可以取值:left,center,right

*border:設定**的邊框特性,取整數字值,單位為px

*cellpadding:設定內容與單元格之間的距離

*cellspacing:設定單元格與單元格之間的距離

*width:設定**寬度

*bgcolor:設定**背景顏色

*colgroup:定義乙個表中的一組列,只能作為table子元素,位於caption元素後,其他元素前。

**:表示**用來包含資料的單元格,常用於表頭

屬性:注意新增標籤的相容性()

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...

html5學習筆記(一)

1.標記 2.標記 定義聲音,比如 或其他音訊流 3.定義圖形,比如圖表和其他影象 canvas元素使用js在網頁上繪製影象 4.新應用程式介面 api a.用於即時2d繪圖的canvas標籤 b.定時 回放 c.離線資料庫儲存 d.文件編輯 e.拖拽控制 f.瀏覽歷史管理 audio元素類似。6....