html5學習筆記(三)

2021-07-26 20:51:32 字數 535 閱讀 6021

在html中標籤有很多種,它們之間有一些為行級標籤一些為塊級標籤。

塊級標籤的特徵,不管標籤裡面的內容元素為多大,就算很小,它也會占用整整一行的網頁空間位置,比如div、ul、ol、p……,這類標籤預設情況下寬度就是 body 的寬度,這些標籤在使用時會使下乙個標籤或元素自動換行。

行級標籤的特徵,它與塊級標籤相反,不會單獨占用一行,而是以標籤內的內容和元素的大小來定自己標籤的大小,比如a、span……,行內元素沒有寬高,也不可以設定寬高,元素多大它為多大,在下乙個標籤的使用時會在它後面而不會換行。

因為兩種標籤的特殊規定,所以在互相使用時會遇到麻煩,這時候就可以使用行級標籤和塊級標籤的轉換了

利用css樣式來實現元素顯示模式轉換

屬性 display 的屬性值為 block 時,即為 塊級 元素。

屬性 display 的屬性值為 inline 時,即為 行級 元素。

當屬性 display 的屬性值為 inline-block 時,即為 行內塊級 元素。

通過這方法能實現標籤間的行塊轉換,能試我們在程式設計時更便捷,按照情況而轉換

HTML5學習筆記(三)

標籤中的屬性 在標籤中,同樣存在一些屬性 方法和事件 方法屬性 事件play currentsrc play pause currenttime pause load videowidth progress canplaytype videoheight error 等等與標籤之間插入的內容是提供給...

html5學習筆記三

html5 在客戶端存貯資料 有兩種方式 1.localstorage 沒有時間限制的儲存 示例 如下 html5 表單 html5 input型別 email urlnumber range date pickers search color 示例 如下 e mail homepage point...

HTML5學習筆記一 簡單學習HTML5

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