成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

【前端】HTML__內(nèi)聯(lián)元素與塊元素

Jason_Geng / 2270人閱讀

摘要：在時(shí)代，的元素類(lèi)型分內(nèi)聯(lián)元素和塊元素。第一內(nèi)聯(lián)元素內(nèi)聯(lián)元素是是一種基于語(yǔ)義級(jí)的基本元素，一般只能容納文本和其他內(nèi)聯(lián)元素。

在HTML4.0時(shí)代，HTML的元素類(lèi)型分內(nèi)聯(lián)元素(inline element)和塊元素(block-level element)。

第一、內(nèi)聯(lián)元素

內(nèi)聯(lián)元素是是一種基于語(yǔ)義級(jí)的基本元素，一般只能容納文本和其他內(nèi)聯(lián)元素。

下面的元素都是內(nèi)聯(lián)元素:

b(字體加粗) 
kbd(代表文字從鍵盤(pán)錄入) 
q(引用文字) 
big(字號(hào)比周?chē)煮w大一號(hào)) 
strong(重要文字，在盲文閱讀設(shè)備中，會(huì)重點(diǎn)讀，界面顯示效果為加粗) 
script(腳本)
i(文字斜體)
samp(極少用，連字符)
span(用于組合其他內(nèi)聯(lián)元素)
small(比周?chē)煮w小一號(hào))
time(html5中的新標(biāo)簽，用于標(biāo)記時(shí)間，目前瀏覽器都不支持)
sub(定義下標(biāo)文本，顯示為其他文字高度一半)
tt(告訴瀏覽器，字體必須等寬)
var(告訴瀏覽器，這是變量)
sup(定義上標(biāo)文本)
abbr(代表是長(zhǎng)單詞或短語(yǔ)的縮寫(xiě))
a(超鏈接)
button(按鈕)
acronym(縮寫(xiě)，HTML5中已棄用，請(qǐng)使用abbr替代)
bdo(可定義文本方向)
input(基本輸入框)
cite(定義引用的文檔)
br(換行符)
label(文本標(biāo)簽，但是有個(gè)牛逼的特性，利用for屬性，可以綁定其他元素，使得鼠標(biāo)點(diǎn)擊該標(biāo)簽時(shí)，被綁定元素獲得焦點(diǎn))
code(定義源碼文本)
img(圖片文本)
select(下拉選擇組件)
dfn(definition and usage，定義一個(gè)概念的定義處，一般的在一個(gè)文檔中最先出現(xiàn)的地方)
map(定義一個(gè)客戶(hù)端的圖形映射)
textarea(文本輸入框)
em(定義需要強(qiáng)調(diào)的文字，一般用斜體表示)
object(定義一個(gè)嵌入的對(duì)象)
第二 塊元素

塊元素一般是其他元素的容器元素，用于布局，需要放在body標(biāo)簽里面。

下面都是塊元素:

address(定義了文章?lián)碛姓叩穆?lián)系信息)
figure(定義獨(dú)立的流內(nèi)容，例如圖片、視頻)
noscript(定義如果瀏覽器不支持腳本語(yǔ)言時(shí)顯示的內(nèi)容)
article(定義文章內(nèi)容)
footer(定義文檔底部)
ol(ordered list)
aside(aside content，可用做側(cè)欄)
form(input form)
output(定義form的輸出)
blockquote(定義引用于別處的內(nèi)容)
h1,h2,h3,h4,h5,h6(標(biāo)題)
p(段落)
canvas(畫(huà)布)
header(頁(yè)眉)
pre(preformatted text,定義預(yù)格式化內(nèi)容)
dd(definition description)
hgroup(對(duì)標(biāo)題進(jìn)行組合)
section(定義頁(yè)眉的區(qū)域)
div(文檔分割)
hr(定義分割線(xiàn))
table(表格)
dl(definistion list)
li(list item)
tfoot(table footer)
fieldset(field set label)
main(contains the central content to this document)
ul(unordered list)
figcaption(figure caption)
nav(contains navigation links)
video(video player)
第三 內(nèi)聯(lián)與塊元素的區(qū)別

默認(rèn)，塊元素會(huì)新起一行，而內(nèi)聯(lián)元素會(huì)在行內(nèi)

通常，塊元素的內(nèi)部結(jié)構(gòu)要比內(nèi)聯(lián)元素復(fù)雜，塊元素內(nèi)部可能包含內(nèi)聯(lián)元素和其他塊元素。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/50360.html

相關(guān)文章

  • 一個(gè)后端開(kāi)發(fā)者的前端語(yǔ)言基礎(chǔ)：HTML5 & CSS

    摘要：每個(gè)標(biāo)簽可有一個(gè)獨(dú)立的號(hào)。該標(biāo)簽是一個(gè)內(nèi)聯(lián)元素，與塊級(jí)元素相反，內(nèi)聯(lián)元素不會(huì)自動(dòng)在前后自動(dòng)放置換行符，因此內(nèi)聯(lián)元素會(huì)默認(rèn)在同一行顯示。前端語(yǔ)言基礎(chǔ)：HTML5 & CSS (一) HTML5：超文本標(biāo)記語(yǔ)言 (1) 基本概念是由一系列成對(duì)出現(xiàn)的元素標(biāo)簽(標(biāo)記)嵌套組合而成 ( XML也是標(biāo)簽構(gòu)成的 )這些標(biāo)簽以<標(biāo)簽名稱(chēng)>的形式出現(xiàn)，用于標(biāo)記文本內(nèi)容的含義瀏覽器通過(guò)元素標(biāo)...

    superPershing 評(píng)論0 收藏0

  • 一個(gè)后端開(kāi)發(fā)者的前端語(yǔ)言基礎(chǔ)：HTML5 & CSS

    摘要：每個(gè)標(biāo)簽可有一個(gè)獨(dú)立的號(hào)。該標(biāo)簽是一個(gè)內(nèi)聯(lián)元素，與塊級(jí)元素相反，內(nèi)聯(lián)元素不會(huì)自動(dòng)在前后自動(dòng)放置換行符，因此內(nèi)聯(lián)元素會(huì)默認(rèn)在同一行顯示。 前端語(yǔ)言基礎(chǔ)：HTML5 & CSS (一) HTML5：超文本標(biāo)記語(yǔ)言 (1) 基本概念 是由一系列成對(duì)出現(xiàn)的元素標(biāo)簽（標(biāo)記）嵌套組合而成 ( XML也是標(biāo)簽構(gòu)成的 ) 這些標(biāo)簽以的形式出現(xiàn)，用于標(biāo)記文本內(nèi)容的含義 瀏覽器通過(guò)元素標(biāo)簽解析文本內(nèi)容并...

    ACb0y 評(píng)論0 收藏0

  • 一個(gè)后端開(kāi)發(fā)者的前端語(yǔ)言基礎(chǔ)：HTML5 & CSS

    摘要：每個(gè)標(biāo)簽可有一個(gè)獨(dú)立的號(hào)。該標(biāo)簽是一個(gè)內(nèi)聯(lián)元素，與塊級(jí)元素相反，內(nèi)聯(lián)元素不會(huì)自動(dòng)在前后自動(dòng)放置換行符，因此內(nèi)聯(lián)元素會(huì)默認(rèn)在同一行顯示。 前端語(yǔ)言基礎(chǔ)：HTML5 & CSS (一) HTML5：超文本標(biāo)記語(yǔ)言 (1) 基本概念 是由一系列成對(duì)出現(xiàn)的元素標(biāo)簽（標(biāo)記）嵌套組合而成 ( XML也是標(biāo)簽構(gòu)成的 ) 這些標(biāo)簽以的形式出現(xiàn)，用于標(biāo)記文本內(nèi)容的含義 瀏覽器通過(guò)元素標(biāo)簽解析文本內(nèi)容并...

    DevWiki 評(píng)論0 收藏0

  • 前端--CSS

    摘要：一介紹是的簡(jiǎn)稱(chēng)中文稱(chēng)為層疊樣式表用來(lái)控制網(wǎng)頁(yè)數(shù)據(jù)的表現(xiàn)可以使網(wǎng)頁(yè)的表現(xiàn)與數(shù)據(jù)內(nèi)容分離，層疊樣式表定義如何顯示元素。用于控制內(nèi)容與邊框之間的距離邊框圍繞在內(nèi)邊距和內(nèi)容外的邊框。內(nèi)容盒子的內(nèi)容，顯示文本和圖像。一.CSS介紹 CSS是Cascading Style Sheets的簡(jiǎn)稱(chēng),中文稱(chēng)為層疊樣式表,用來(lái)控制網(wǎng)頁(yè)數(shù)據(jù)的表現(xiàn),可以使網(wǎng)頁(yè)的表現(xiàn)與數(shù)據(jù)內(nèi)容分離. CSS（CascadingStyl...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<