在什么情況下用span標(biāo)簽？和div的用法最大的區(qū)別是什么？Div是塊級(jí)元素，span是串聯(lián)元素，Div、P、H1~H6和其他塊級(jí)元素。默認(rèn)情況下，其他門(mén)后面的圖元將被推到底部以換行，而“跨度”的“內(nèi)

在什么情況下用span標(biāo)簽？和div的用法最大的區(qū)別是什么？

Div是塊級(jí)元素，span是串聯(lián)元素，Div、P、H1~H6和其他塊級(jí)元素。默認(rèn)情況下，其他門(mén)后面的圖元將被推到底部以換行，而“跨度”的“內(nèi)嵌”圖元將不換行，并且仍在一行中。如果你知道這一點(diǎn)，你可能知道什么時(shí)候用什么。示例：Code:

here to

結(jié)果：這里沒(méi)有換行符。另一個(gè)常見(jiàn)的例子是：highlight

假設(shè)P的樣式是顏色：藍(lán)色，文本中需要突出顯示的單詞“red”不是鏈接?？梢蕴砑涌缇啵部梢韵蚩缇嗵砑訕邮筋伾杭t色還有一些特殊用法。你會(huì)逐漸理解以上兩種用法。

行內(nèi)元素，塊級(jí)元素，行內(nèi)塊級(jí)元素之間的區(qū)別是什么？如何轉(zhuǎn)換？

通過(guò)修改CSS屬性display屬性，可以將兩者相互轉(zhuǎn)換。設(shè)置顯示：行元素上的塊可以將其轉(zhuǎn)換為塊級(jí)元素。其實(shí)，本質(zhì)就是把它包起來(lái)。類似地，在塊級(jí)元素上設(shè)置display:inline允許將其轉(zhuǎn)換為inline元素。

下面的屏幕截圖是一個(gè)示例：

此代碼不會(huì)在標(biāo)記&Lthr>前面設(shè)置轉(zhuǎn)換。默認(rèn)情況下，<A>和<input>標(biāo)記是內(nèi)嵌元素，<h1>標(biāo)記是塊級(jí)元素。它們的顯示效果如下：

您可以看到，超鏈接和輸入框在水平線之前的同一行上，而一堆黑色的大字和水平線在下一行上。這是因?yàn)槟J(rèn)的<A>和<input>標(biāo)記是行內(nèi)元素，而<h1>和&Lthr>標(biāo)記是塊級(jí)元素。在圖中的水平線下，您可以找到一行超鏈接，因?yàn)槲覍⑵湓O(shè)置為塊級(jí)元素，而大黑色字符和輸入框位于同一行，因?yàn)槲覍⒋蠛谏址?lth1>標(biāo)簽設(shè)置為內(nèi)嵌元素。請(qǐng)參見(jiàn)第一個(gè)圖中的代碼。

寫(xiě)在這里，我相信你應(yīng)該了解行元素和塊級(jí)元素。

列舉至少五個(gè)常用的行內(nèi)標(biāo)簽和區(qū)塊標(biāo)簽，以及行內(nèi)元素和區(qū)塊元素的區(qū)別？

塊級(jí)元素占用一行，不管內(nèi)容有多少；

當(dāng)行中元素很少時(shí)，就不會(huì)換行。這是一個(gè)重要的區(qū)別。

塊元素

div-最常用的塊元素

DL-塊元素與DT DD一起使用

窗體-交互窗體

H1-標(biāo)題

HR-水平分隔符

ol-排序窗體

P-段落

ul-非排序列表

內(nèi)聯(lián)元素

a-錨定

B-粗體（非）

Br-換行

em-emphasis

字體-字體設(shè)置（非）

I-斜體

img-圖像

輸入-輸入框

標(biāo)簽-表格標(biāo)簽

選擇-項(xiàng)目選擇

小字體-小字體文本

span-通用內(nèi)聯(lián)容器，定義文本塊

刪除-中劃線

強(qiáng)-粗體emphasis

子下標(biāo)

sup上標(biāo)textarea-多行文本輸入框

TT-teletext

u-下劃線

內(nèi)聯(lián)元素

span，IMG，a，label，code，input，abbr，EM，B，big，cite，I，Q，textarea，select，small，sub，sup，strong，u

塊級(jí)元素

div，P，h1-h6，form，UL，ol，DL，DT，DD，Li，table，TR，TD，th，HR，blockquote，address，table，menu，pre

在HTML標(biāo)準(zhǔn)文檔流中，a.Span標(biāo)記屬于行內(nèi)元素，P和H標(biāo)記屬于塊級(jí)元素，標(biāo)記的內(nèi)容是以頁(yè)面鏈接的形式出現(xiàn)的，Span標(biāo)記通常是純文本，P標(biāo)記可以包含多個(gè)Span標(biāo)記文本，H標(biāo)記主要是文本（在SEO優(yōu)化中，H標(biāo)記通常具有很高的權(quán)重）