當前位置:首頁 » 網頁前端 » 前端text標簽中可以嵌套什麼
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端text標簽中可以嵌套什麼

發布時間: 2022-05-20 20:21:13

1. 怎樣在textarea里嵌套div

textarea裡面不能嵌套DIV,你是要實現類似編輯器的效果嗎?

如果是的話,那個東西不是用textarea實現的,因為textarea中只允許有純文本。一般是使用iframe嵌入一個頁面,並在頁面載入後設置:
document.designMode = 'on'; // 即允許頁面為可編輯模式
來實現富文本編輯效果的。

2. html中內聯元素和塊元素的嵌套問題。 內聯元素能不能嵌套塊元素 根

是可以的,羅列 XHTML 標簽的嵌套規則了:
1. 塊元素可以包含內聯元素或某些塊元素,但內聯元素卻不能包含塊元素,它只能包含其它的內聯元素:
<div><h1></h1><p></p></div> —— 對
<a href=」#」><span></span></a> —— 對
<span><div></div></span> —— 錯
2. 塊級元素不能放在<p>裡面:
<p><ol><li></li></ol></p> —— 錯
<p><div></div></p> —— 錯
3. 有幾個特殊的塊級元素只能包含內嵌元素,不能再包含塊級元素,這幾個特殊的標簽是:
h1、h2、h3、h4、h5、h6、p、dt。
4. li 內可以包含 div 標簽 —— 這一條其實不必單獨列出來的,但是網上許多人對此有些疑惑,就在這里略加說明:
li 和 div 標簽都是裝載內容的容器,地位平等,沒有級別之分(例如:h1、h2 這樣森嚴的等級制度^_^),要知道,li 標簽連它的父級 ul 或者是 ol 都可以容納的,為什麼有人會覺得 li 偏偏容納不下一個 div 呢?別把 li 看得那麼小氣嘛,別看 li 長得挺瘦小,其實 li 的胸襟很大滴……
5. 塊級元素與塊級元素並列、內嵌元素與內嵌元素並列:
<div><h2></h2><p></p></div> —— 對
<div><a href=」#」></a><span></span></div> —— 對
<div><h2></h2><span></span></div> —— 錯

3. jQuery UI widgets- format:function(text), text 可否包含html 標簽

你好,不會的。

text是文本格式,你放入HTML標簽它會解釋出來。

例子:<div>test</div>

text會解釋為:全文本字元串 <div>tet</div>,並不會像HTML那樣解釋成test外面再加DIV格式。

4. 求教HTML中TextArea內,如何使用其他標簽

textarea裡面不能嵌套其他標簽,<textarea>和</textarea>之間只能是文本。

5. 所有的HTMI標記都可以嵌套在<div>嗎

先說基礎,HTML標簽有兩類:

1、塊級元素

div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul……

特點:總是在新行上開始,高度、行高以及頂和底邊距都可控制,寬度預設的它的容器的100%,除非設定一個寬度。

功能:主要用來搭建網站構架、頁面布局、承載內容。

2、行內元素

span、a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、strike、strong、sub、sup、textarea、tt、u、var……

特點:和其他元素都在一行上,高、行高及頂和底邊距不可改變,寬度就是它的文字或圖片的寬度,不可改變。

功能:用於加強內容顯示,控制細節,例如:加粗、斜體等。

雖然HTML標簽有很多,並且我們在製作頁面的時候可以無限的嵌套,但是嵌套也有規則,不能隨意的嵌套。

有些標簽是固定的嵌套規則,例如:ul包含li、ol包含li、dl包含dt和dd等,還有很多是獨立的標簽。為了寫出更優秀的頁面,一般遵循下面的規則:

1、塊級元素與塊級元素平級、內聯元素與內聯元素平級;

<div><span></span><p></p></div> //span是內行元素,p是塊級元素,所以這個是錯誤的嵌套<div><span></span><a></a></div> //這個是正確的嵌套

2、塊級元素可以包含內聯元素或某些塊級元素,但內聯元素不能包含塊級元素,它只能包含其他的內聯元素;

<div><span></span></div><span><span></span></span>

3、有幾個特殊的塊級元素只能包含內聯元素,不能再包含塊級元素;

h1、h2、h3、h4、h5、h6、p、dt

4、塊級元素不能放在標簽p裡面;

5、li標簽可以包含div標簽,因為li和div標簽都是裝在內容的容器。

3、關於HTML5新特性

在HTML5 中,元素不再按照display屬性來區分,而是按照內容模型來區分,分為:

元數據型(metadata content)是可以被用於說明其他內容的表現或行為,或者在當前文檔和其他文檔之間建立聯系的元素;

區塊型(sectioning content)是用於定義標題及頁腳范圍的元素;

標題型(heading content)定義一個區塊/章節的標題;

文檔流型(flow content)是在應用程序和文檔的主體部分中使用的大部分元素;

語句型(phrasing content)是用於標記段落級文本的元素;

內嵌型(embedded content)是引用或插入到文檔中其他資源的元素;

交互型(interactive content)是專門用於與用戶交互的元素。

元素不屬於任何一個類別,被稱為穿透的;元素可能屬於不止一個類別,稱為混合的。

下面對常用標簽的嵌套規則進行總結

1、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<p>的子元素是語句型元素

2、<header>、<footer>不可嵌套<header>、<footer>

3、<a>的子元素是transparent(以它的父元素允許的子元素為准),但不包括交互型元素(interactive content)

4、<form>不可嵌套<form>

5、<button>子元素是語句型元素,不可嵌套交互型元素(interactivecontent)

6、<caption>不可嵌套<table>

7、<dt>、<th>不可嵌套<header>、<footer>、區塊型元素(sectioning content)、標題型元素(heading content)

6. HTML裡面的標簽嵌套問題

p標簽表示段落,是塊級元素,單獨占據一行。後邊跟隨的input框自然就會換行。

解決方法,文字和文本框放在一起,寫在內聯元素中。

代碼如下:

<p><label>車型:<inputtype="text"></label></p>
<p><label>車號:<inputtype="text"></label></p>
<p><label>日期:<inputtype="text"></label></p>

7. 如何用css嵌套實現 text-decoration顏色和文字顏色不同

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>無標題文檔</title>

</head>


<body>

<a href="javascript:;" style="color:#333;"><span style="color:#f00;">啦啦啦啦啦啦啦<span></a>

</body>

</html>

運行結果:


下劃線的顏色是在a標簽上面設置的,字體顏色在span標簽上設置的

8. html 中span標簽裡面都能放那些標簽

默認的span標簽是一個行內標簽,頁面構成時,盡量把它作為最後一個標簽。

當然不絕對,你可以在內套用同是行內標簽的元素:<i>、<span>、<em>。。。等等等。

如果套用塊狀標簽,那麼很多情況瀏覽器解析會把它放到span的外面,w3c內明確標識了,行內元素不可以套用塊狀元素。

如果不按照HTML規則書寫代碼時,瀏覽器就不會正確解析,會將不符合嵌套規則的節點放到目標節點的下面,或者變成純文本。HTML存在許多種類型的標簽,有的標簽下面只允許特定的標簽存在,這就是HTML嵌套規則。

如果span標簽增加display:block;塊狀化之後,可以安放任何元素。

看資料:

塊狀元素:一般是其他元素的容器,可容納內聯元素和其他塊狀元素,塊狀元素排斥其他元素與其位於同一行,寬度(width)高度(height)起作用。
div、p、address、blockquote、center、dir、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、pre、table、ul

內聯元素(行內元素):內聯元素只能容納文本或者其他內聯元素,它允許其他內聯元素與其位於同一行,但寬度(width)高度(height)不起作用。
a、img、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、tt、u、var、textarea

塊狀元素與內聯(行內)元素的嵌套規則
1、塊狀元素可包含內聯元素或某些塊元素,但內聯元素不可包含塊元素,只能包含內聯元素。
<div><h1></h1><p></p></div>正確
<ahref="#"><span></span></a>正確
<span><div></div></span>錯誤
2、塊級元素不能放在<p>裡面
<p><ol><li></li></ol></p>錯誤
<p><div></div></p>錯誤
3、有幾個特殊塊級元素只能包含內聯元素,不能包含塊級元素。這幾個特殊標簽是h1~h6、p、dt
4、li內可包含div標簽
<li><div></div></li>
5、塊級元素與塊級元素並列、內聯元素與內聯元素並列
<div><h2></h2><p></p></div>正確
<div><ahref="#"></a><span></span></div>正確
<div><h2></h2><span></span></div>正確

9. HTML文件中一個input標簽中可以包含兩個value元素嗎

一個input標簽只能有一個value,你自己可以測試一下。如果你需要實現你所說的效果,為什麼非要用2個value?你可以給這個input自定義一個屬性,然後你這個值放這個屬性裡面,比如k(或其他屬性)屬性,你說的這個1或0就放這個k裡面<input type='text' value='' k='1'>