成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

Jason_Geng / 2310人閱讀

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

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

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

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

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

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

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

下面都是塊元素:

address(定義了文章?lián)碛姓叩穆?lián)系信息)
figure(定義獨立的流內(nèi)容，例如圖片、視頻)
noscript(定義如果瀏覽器不支持腳本語言時顯示的內(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(畫布)
header(頁眉)
pre(preformatted text,定義預(yù)格式化內(nèi)容)
dd(definition description)
hgroup(對標(biāo)題進行組合)
section(定義頁眉的區(qū)域)
div(文檔分割)
hr(定義分割線)
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ū)別

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

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

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/50360.html

相關(guān)文章

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

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

    superPershing 評論0 收藏0

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

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

    ACb0y 評論0 收藏0

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

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

    DevWiki 評論0 收藏0

  • 前端--CSS

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

    番茄西紅柿 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<