【前端】HTML__內聯元素與塊元素

Jason_Geng 發布于2019-08-01 16:11 / 2262人閱讀

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

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

第一、內聯元素

內聯元素是是一種基于語義級的基本元素，一般只能容納文本和其他內聯元素。

下面的元素都是內聯元素:

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

第二塊元素

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

下面都是塊元素:

address(定義了文章擁有者的聯系信息)
figure(定義獨立的流內容，例如圖片、視頻)
noscript(定義如果瀏覽器不支持腳本語言時顯示的內容)
article(定義文章內容)
footer(定義文檔底部)
ol(ordered list)
aside(aside content，可用做側欄)
form(input form)
output(定義form的輸出)
blockquote(定義引用于別處的內容)
h1,h2,h3,h4,h5,h6(標題)
p(段落)
canvas(畫布)
header(頁眉)
pre(preformatted text,定義預格式化內容)
dd(definition description)
hgroup(對標題進行組合)
section(定義頁眉的區域)
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)

第三內聯與塊元素的區別

默認，塊元素會新起一行，而內聯元素會在行內

通常，塊元素的內部結構要比內聯元素復雜，塊元素內部可能包含內聯元素和其他塊元素。

GPU云服務器云服務器空值元素 html 返回元素 html 元素類型 html 元素拖曳

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50360.html

一個后端開發者的前端語言基礎：HTML5 & CSS

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

superPershing 2019-08-30 15:56 評論0 收藏0
一個后端開發者的前端語言基礎：HTML5 & CSS

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

ACb0y 2019-08-19 10:27 評論0 收藏0
一個后端開發者的前端語言基礎：HTML5 & CSS

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

DevWiki 2019-08-30 15:44 評論0 收藏0
前端--CSS

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

番茄西紅柿 2019-04-23 13:25 評論0 收藏0