Что? мешает ли мне использовать произвольные теги в HTML?
Даже новых тегов HTML5 недостаточно для описания структур без возврата к div S. Что мешает мне изменить:
<div class="post">
<div class="userinfo">
<span class="name">Casey</span>
<img class="avatar" src="..." />
</div>
<div class="body">
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
</div>
</div>
на что-то вроде:
<post>
<userinfo>
<name>Casey</name>
<img class="avatar" src="..." />
</userinfo>
<pbody>
<p>blah blah blah</p>
<p>blah blah blah</p>
<p>blah blah blah</p>
</pbody>
</post>
Для меня второй пример намного чище. Что-нибудь (например, поддержка браузера) мешает мне сделать это?
(я понимаю, что это, по сути, XML, но в этом случае возникает вопрос: «Как выглядит поддержка браузера для рендеринга XML-сети?»). страницы? ")
4 ответа
Одна из причин заключается в том, что Internet Explorer (и более ранние версии Firefox) не имеют запасного варианта для тегов которые не определены и игнорируют их как для стиля, так и для вложения. Без заточки ваш сайт будет ужасно ломаться в этих браузерах.
Проблема в том, что он не будет проверяться, а новые теги будут просто проигнорированы.
Большинство браузеров просто обрабатывают теги как произвольные (подобно тому, как старые браузеры обрабатывают теги HTML5). Ничто не мешает вам использовать собственные теги, но это не общепринятый способ кодирования HTML. Предполагается, что HTML использует предопределенные теги.
Если вы заинтересованы в кодировании с произвольными тегами, вы можете просто использовать XML. Вы можете форматировать XML с помощью XSLT (используется аналогично таблицам стилей, но гораздо более эффективен). Посмотрите здесь: http://www.w3schools.com/xml/xml_xsl.asp
Какова цель выбранных вами тегов? Если ваша цель — представить информацию, то использование div и других структур, ориентированных на представление, прекрасно. Ваши теги больше похожи на то, что они пытаются описать фактические данные. Если это так, то XML с XSLT преобразуется на стороне сервера для вывода HTML для разметки презентации. Помните, что браузер — это просто механизм рендеринга, и он использует спецификацию HTML как схему того, что нужно рендерить для данного сайта. Браузеру не нужно понимать такую информацию, как «post» или «userInfo», потому что у него нет контекста для понимания того, что делать с точки зрения рендеринга с этой информацией. CSS может помочь браузеру понять, что вы хотите сделать визуально, но сначала спросите себя, какова цель вашей разметки таким образом, чтобы хранить ваши данные (стиль XML) или представлять их. Если представить его, то вам следует придерживаться стандартов, если вы хотите продолжать использовать браузер в качестве механизма рендеринга. Удачи, было бы здорово, если бы мы все могли определить наши схемы презентации, забавная идея!