Які всі дійсні самозакриваються елементи в XHTML (як реалізовано основними браузерами)?

Які всі дійсні елементи, що закриваються (наприклад, <br/>) у XHTML (як реалізовано основними браузерами)?

Я знаю, що XHTML технічно дозволяє самостійно закривати будь-який елемент, але я шукаю список тих елементів, які підтримуються всіма основними браузерами. Див. Http://dusan.fora.si/blog/self-closing-tags для прикладів деяких проблем, викликаних самозакриваються елементами, такими як <div />.

Кожен браузер, який підтримує XHTML (Firefox, Opera, Safari, IE9 ), підтримує синтаксис, що закривається на кожному елементі .

<div/>, <script/>, <br></br>Все повинно працювати нормально. Якщо цього немає, у вас є HTML з неправильно доданим XHTML DOCTYPE.

DOCTYPE не змінює інтерпретацію документа. Лише тип MIME .

Рішення W3C про ігнорування DOCTYPE :

HTML WG обговорив цю проблему: намір був дозволити старим браузерам (лише для HTML) приймати документи XHTML 1.0, дотримуючись вказівок, і подавати їх як текст / html. Тому документи, що подаються як текст / html, слід розглядати як HTML, а не як XHTML.

Це дуже поширена помилка, адже W3C Validator значною мірою ігнорує це правило, але браузери дотримуються його релігійно. Прочитайте розуміння HTML, XML та XHTML з блогу WebKit:

Насправді переважна більшість документів, що нібито XHTML, є в Інтернеті text/html. Це означає, що вони взагалі не XHTML, а насправді недійсний HTML, який виникає при обробці помилок парсерами HTML. Усі ці "Дійсні XHTML 1.0!" посилання в Інтернеті дійсно говорять "Недійсний HTML 4.01!".

Щоб перевірити, чи є у вас справжній XHTML або недійсний HTML з DOCTYPE XHTML, введіть це у свій документ:

<span style="color:green"><span style="color:red"/> 
 If it's red, it's HTML. Green is XHTML.
</span>

Він підтверджує, і в реальному XHTML він прекрасно працює (див.: 1 проти 2 ). Якщо ви не можете повірити своїм очам (або не знаєте, як встановити типи MIME), відкрийте свою сторінку через XHTML-проксі .

Ще один спосіб перевірити - це джерело перегляду у Firefox. Він підкреслить косої риси червоним кольором, коли вони недійсні.

У HTML5 / XHTML5 це не змінилося, і відмінність ще чіткіше, оскільки у вас навіть немає додаткових DOCTYPE. Content-Typeє королем.

Для запису, специфікація XHTML дозволяє будь-якому елементу самозакриватися, зробивши XHTML додатком XML : [акцент мій]

Порожні елементи тегів можуть використовуватися для будь-якого елемента, який не має вмісту , незалежно від того, оголошено він це чи за допомогою ключового слова EMPTY.

Це також явно показано в специфікації XHTML :

Порожні елементи повинні мати або кінцевий тег, або тег початку />. Наприклад, <br/>або<hr></hr>

Один елемент, з яким слід дуже обережно ставитися до цієї теми, - це <script> елемент. Якщо у вас є файл із зовнішнім джерелом, він буде створювати проблеми, коли ви його самостійно закриєте. Спробуй це:

<!-- this will not consistently work in all browsers! -->
<script type="text/javascript" src="external.js" />

Це буде працювати в Firefox, але в IE6 принаймні перерви. Я знаю, бо я натрапив на це, коли надто завзято самостійно закривав кожен елемент, який я бачив ;-)

Синтаксис, що самозамикається, працює на всіх елементах у application / xhtml + xml. Він не підтримується жодним елементом у тексті / html, але елементи, які "порожні" в HTML4 або "недійсні" в HTML5, ні в якому разі не беруть кінцевий тег, тому якщо ви ставите косу рису на ті, що здається, ніби синтаксис самозамикання підтримувався.

З довідкового сайту W3 Schools :

<area />
<base />
<basefont />
<br />
<hr />
<input />
<img />
<link />
<meta />

Краще питання: яке теги можна самозакрити навіть у режимі HTML, не впливаючи на код? Відповідь: лише ті, які мають порожній вміст (недійсні). Відповідно до специфікацій HTML, такі елементи є недійсними:

area, base, br, col, embed, hr, img, input, keygen, link, menuitem, meta, param, source, track, wbr

Також перелічена старіша версія специфікації command. Крім того, згідно з різними джерелами, такі застарілі або нестандартні теги є недійсними:

basefont, bgsound, frame, isindex

Сподіваюся, це допоможе комусь:

<base />
<basefont />
<frame />
<link />
<meta />

<area />
<br />
<col />
<hr />
<img />
<input />
<param />

Що про <meta>і <link>? Чому вони не в цьому списку?

Швидке правило: не закривайте самостійно жоден елемент, який призначений для вмісту, оскільки це, безумовно, рано чи пізно спричинить проблеми з браузером.

Ті, які природно самозакриваються, як <br>і <img>повинні бути очевидними. Ті, що ні ... просто не закривайте їх самостійно!

Востаннє я перевіряв, що в HTML5 були перелічені порожні / недійсні елементи.

Дійсно для авторів: область, база, br, col, команда, embed, джерело подій, hr, img, input, link, meta, param, source

Недійсне для авторів: basefont, bgsound, frame, spacer, wbr

Окрім кількох, що є новими в HTML5, вони повинні дати вам уявлення про ті, які можуть бути підтримані, коли XHTML подається як текст / html. (Просто перевіряйте їх, вивчаючи створений DOM.)

Що стосується XHTML, що використовується як application / xhtml + xml (що робить його XML), застосовуються правила XML, і будь-який елемент може бути порожнім (хоча XHTML DTD не може цього виразити).

Ви повинні подивитися xHTML DTD , вони всі перераховані. Ось короткий огляд усіх основних:

<br />
<hr />
<img />
<input />

Їх називають "недійсними" елементами в HTML 5. Вони перераховані в офіційній специфікації W3 .

Недійсний елемент - це елемент, модель вмісту якого ніколи не дозволяє йому вміст ні за яких обставин.

Станом на квітень 2013 року, це:

область, база, br, col, команда, embed, hr, img, введення, keygen, посилання, мета, парам, джерело, трек, wbr

Станом на грудень 2018 року (HTML 5.2), це:

область, база, br, col, embed, hr, img, введення, посилання, мета, парам, джерело, трек, wbr

Ще одна проблема тегів самозакриття для IE - це заголовок. Коли IE (щойно спробував це в IE7) бачить це, він представляє користувачеві порожню сторінку. Однак ви "переглядаєте джерело" і все є.

<title/>

Я спочатку бачив це, коли мій XSLT генерував тег самозакривання.

Я не збираюся надмірно працювати над цим, тим більше, що більшість сторінок, які я пишу, генеруються або тег має вміст. Єдині два, які коли-небудь створювали мені проблеми при самозакритті:

<title/>

З цього приводу я просто вдався завжди надавати йому окремий тег закриття, оскільки колись він там знаходиться в <head></head>ньому, він насправді не змушує ваш код працювати з будь-яким messier.

<script/>

Це той великий, з яким я зовсім недавно зіткнувся з проблемами. Протягом багатьох років я завжди використовував <script/>теги, що закриваються, коли сценарій надходить із зовнішнього джерела. Але я зовсім недавно почав отримувати повідомлення про помилки JavaScript про нульову форму. Після кількох днів досліджень я виявив, що проблема (нібито) в тому, що браузер ніколи не потрапляє до <form>тегу, оскільки не усвідомлює, що це кінець <script/>тегу. Тож коли я склав це в окремі <script></script>теги, все працювало. Чому різні сторінки на різних сторінках я робив в одному браузері, я не знаю, але знайти рішення було великим полегшенням!

<hr /> - це інше