這篇文章主要講解了“html5元素分為哪些類別”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“html5元素分為哪些類別”吧!
創(chuàng)新互聯(lián)公司是一家以網(wǎng)絡(luò)技術(shù)公司,為中小企業(yè)提供網(wǎng)站維護(hù)、成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、網(wǎng)站備案、服務(wù)器租用、域名申請(qǐng)、軟件開發(fā)、成都小程序開發(fā)等企業(yè)互聯(lián)網(wǎng)相關(guān)業(yè)務(wù),是一家有著豐富的互聯(lián)網(wǎng)運(yùn)營推廣經(jīng)驗(yàn)的科技公司,有著多年的網(wǎng)站建站經(jīng)驗(yàn),致力于幫助中小企業(yè)在互聯(lián)網(wǎng)讓打出自已的品牌和口碑,讓企業(yè)在互聯(lián)網(wǎng)上打開一個(gè)面向全國乃至全球的業(yè)務(wù)窗口:建站歡迎來電:13518219792
html5元素可以分為兩個(gè)類別:1、“塊級(jí)元素”;該種元素會(huì)獨(dú)占一行,總是在新行上開始,元素的寬度、高度以及外邊距和內(nèi)邊距等都可以控制。2、“內(nèi)聯(lián)元素”;該種元素和其他元素會(huì)在同一行上顯示,元素的寬度、高度以及外邊距和內(nèi)邊距都不可以改變。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
HTML 標(biāo)簽(元素)可以分為兩個(gè)類別,分別是塊級(jí)元素和內(nèi)聯(lián)元素(也叫行內(nèi)元素)。
塊級(jí)元素
塊級(jí)元素最主要的特點(diǎn)是它們自己獨(dú)占一行,塊級(jí)元素中最具代表性的就是
、
塊級(jí)元素一般都具有特定的語義,可以使代碼的可讀性更強(qiáng)。
塊級(jí)元素的主要特征如下所示:
不管是否使用換行標(biāo)簽
,塊級(jí)元素總是在新行上開始;
塊級(jí)元素的寬度、高度以及外邊距和內(nèi)邊距等都可以控制;
如果省略塊級(jí)元素的寬度,那么它的寬度默認(rèn)為當(dāng)前瀏覽器窗口的寬度;
塊級(jí)元素中可以包含其它的內(nèi)聯(lián)元素和塊級(jí)元素。
內(nèi)聯(lián)元素
內(nèi)聯(lián)元素也可以稱為行內(nèi)元素,行內(nèi)元素中最常用的是,此外還有、、、、、、、、、、、、、和等。
內(nèi)聯(lián)元素往往帶有某種特殊的顯示效果,可以代替部分 CSS 樣式,非常實(shí)用,例如:
和標(biāo)簽可以修飾字體;
和兩個(gè)標(biāo)簽分別用來定義下標(biāo)文本和上標(biāo)文本。
行內(nèi)元素的主要特征如下所示:
行內(nèi)元素和其他元素會(huì)在同一行上顯示;
行內(nèi)元素的寬、高以及外邊距和內(nèi)邊距都不可以改變;
行內(nèi)元素的寬度就是其中內(nèi)容的寬度,且不可以改變;
內(nèi)聯(lián)元素中只能容納文本或者其他內(nèi)聯(lián)元素。
對(duì)于行內(nèi)元素的使用,需要注意如下幾點(diǎn):
設(shè)置寬度 width 無效;
設(shè)置高度 height 無效,但可以通過 line-height 來設(shè)置行高;
可以設(shè)置 margin 外邊距,但只對(duì)左右外邊距有效,上下無效;
設(shè)置 padding 內(nèi)邊距時(shí),只有左右 padding 有效,上下則無效,需要注意的是元素范圍是增大了,但是對(duì)元素周圍的內(nèi)容是沒影響的;
可以通過 display 屬性將元素在行內(nèi)元素和塊級(jí)元素之間進(jìn)行切換。
擴(kuò)展知識(shí):重點(diǎn)說明兩個(gè)標(biāo)簽
1) 2) 標(biāo)簽 HTML 中的標(biāo)簽是一個(gè)內(nèi)聯(lián)元素,可以對(duì) HTML 文檔中的內(nèi)容進(jìn)行修飾,此標(biāo)簽不會(huì)為文檔內(nèi)容提供任何視覺效果,但可以與 CSS 結(jié)合使用來美化網(wǎng)頁。 下面通過一個(gè)示例來演示標(biāo)簽的使用: 結(jié)果展示: 標(biāo)簽本身并沒有什么特殊效果,通常需要借助 CSS 來改變內(nèi)容的樣式,比如字體、顏色、大小、邊框、背景等。 說明:那些不被推薦的 HTML 內(nèi)聯(lián)標(biāo)簽,比如 、、 等,建議使用 + CSS 樣式來代替;但是那么具有明確語義的內(nèi)聯(lián)標(biāo)簽,比如 、、 感謝各位的閱讀,以上就是“html5元素分為哪些類別”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對(duì)html5元素分為哪些類別這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
、、、
等,還是應(yīng)該堅(jiān)持使用,這些標(biāo)簽比 更加具有語義,更有助于搜索引擎理解頁面內(nèi)容。
文章題目:html5元素分為哪些類別
網(wǎng)站鏈接:http://weahome.cn/article/peoojs.html
其他資訊