<textarea col="5" row="5" />
爲什麼<textarea col="5" row="5" />
會在我的現代瀏覽器中打破我的佈局,但是如果我明確使用結束標記(例如<textarea col="5" row="5" /></textarea>
),則不會這樣? 這一直困擾着我。不知何故,它是否是標準的一部分?<textarea cols =「5」rows =「5」/>爲什麼會打破我的佈局,但如果我用</textarea>關閉,則不能打開佈局?
回答
是的,這是標準的一部分:
http://www.w3.org/TR/html401/interact/forms.html#h-17.7
17.7 The TEXTAREA element
<!ELEMENT TEXTAREA - - (#PCDATA) -- multi-line text field -->
<!ATTLIST TEXTAREA
%attrs; -- %coreattrs, %i18n, %events --
name CDATA #IMPLIED
rows NUMBER #REQUIRED
cols NUMBER #REQUIRED
disabled (disabled) #IMPLIED -- unavailable in this context --
readonly (readonly) #IMPLIED
tabindex NUMBER #IMPLIED -- position in tabbing order --
accesskey %Character; #IMPLIED -- accessibility key character --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
onselect %Script; #IMPLIED -- some text was selected --
onchange %Script; #IMPLIED -- the element value was changed --
>
開始標記:需要,結束標記:需要
爲什麼它打破了另一種不同故事總結,瀏覽器也可以實現它,它只是創建一個空的textarea
a不要中斷。但是,由於這是標準要求的,你應該遵循它。
- 編輯 - (!謝謝)
而且按照@Seth評論,它沒有value
屬性,因此初始值去標籤內。
此外,顯然你會使用結束標記,因爲沒有'value'屬性,因此你想把任何初始值放入除了開始和結束標記之外,文本區域無處可去。 –
通過HTML 4.01規則,<textarea col="5" row="5" />
等效於<textarea col="5" row="5">>
(使得>
成爲數據字符)。但是,沒有瀏覽器遵循這個規則。驗證器可以,但這很難直接看到。長時間的解釋:Empty elements in SGML, HTML, XML, and XHTML。
瀏覽器在實踐中做的是他們只是跳過/
作爲垃圾。這也意味着您只有一個開始標記,然後瀏覽器嘗試處理後續字符作爲textarea
的內容,儘管它可能會在某個時刻停止此操作。根據上下文的不同,文檔的佈局可能會變得混亂。
但是,如果文檔是使用XML媒體類型(在HTTP標頭中)發送的,則它將由XML規則處理,然後<textarea col="5" row="5" />
等於<textarea col="5" row="5"></textarea>
。在Internet上使用XHTML時不建議使用此類用法;參見XHTML 1.0規範的(着名)appendix C的條款C.3。
- 1. 爲什麼我的佈局打破?
- 2. <base href =「」>打破布局
- 3. 用masonry.js打破布局,但在添加Foundation 5時起作用
- 4. 瞭解measureWithLargestChild:爲什麼打破布局?
- 5. <textarea>正在打破頁面
- 6. 添加<iframe>到TinyMCE的打破了頁面佈局
- 7. ListView打破布局
- 8. 爲什麼我的佈局工作在IE <6但不是IE> 7?
- 9. 爲什麼JFrame佈局不是我設置的佈局?
- 10. tinymce打破了我的佈局
- 11. 長文本打破我的flexbox佈局
- 12. CSS兩個colums打破我的佈局
- 13. <form>元件打破了佈局 - 片段包括
- 14. 爲什麼我的ScrollViewer會破壞我的網格佈局? WPF
- 15. 如果存在空格,則表示標題爲Nowrap表頭,但如果這會打破布局,則不會。
- 16. 爲什麼我不能膨脹佈局?
- 17. 爲什麼<iframe>和<textarea>不能像這樣關閉/>?
- 18. 當我打開我的個人熱點時,佈局被破壞
- 19. Android佈局未能打開
- 20. preg_replace - 如何刪除<textarea cols =「100」(...)>和</textarea>?
- 21. white-space:nowrap打破flexbox佈局
- 22. IE6頁腳佈局打破
- 23. 圖形佈局打破
- 24. 打開鍵盤破壞佈局
- 25. 爲什麼我的佈局僅在Firefox和IE8(而不是9)中打破?
- 26. 更好<h:selectManyCheckbox>佈局?
- 27. 爲什麼佈局div在頁面上這麼早就關閉了,爲什麼佈局如此破裂?
- 28. 節點爲什麼會打印Promise {<pending>}?我可以關閉它嗎?
- 29. Bootstrap佈局在Firefox中只能打破
- 30. FF和Chrome打破布局的最可能原因是什麼?
如果您將頁面作爲XML提供服務,可能會有效。 HTML沒有自閉標籤。 – bfavaretto
也請看這個答案:http://stackoverflow.com/a/70288/27862 – user123444555621