[X] HTML пользовательские теги: профессионалы и недостатки
Я хотел бы использовать немного семантические [X] HTML-тэги вместо <div>s: <article>, <product>, <footer> и т.д. Некоторые из них уже представлены в предстоящем HTML5, однако, он не полностью поддерживается.
Которые являются возможными недостатками, с которыми я мог бы столкнуться при Рендеринге? Используя CSS, JS?
Тот, который я помню: IE6 не может клонировать теги, которые он не знает.
4 ответа
Добавление следующего исправления JavaScript заставляет пользовательские теги HTML5 работать в IE. На самом деле они работают во всех других браузерах, которые я пробовал. Я создал свой сайт с использованием HTML5, и хотя он не очень хорошо выглядит в IE6 и 7, он все равно работает. Вот код, который нужно поместить в заголовок шаблона:
<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <style type="text/css"> .clear { zoom: 1;display: block;} </style> <![endif]-->
Использование тегов HTML5 дает вам больше возможностей для управления CSS благодаря их семантической природе. На самом деле, намного проще делать сайты, так как их легче понять, если правильно использовать теги.
Использование divs повсюду - это нормально, потому что если у них есть соответствующие идентификаторы и классы, они все еще семантичны, но с тегами HTML5 вы можете распознать структуру страницы намного быстрее.
Если только вы не разрабатываете для очень ограниченного набора браузеров, это звучит как плохая идея. Если он вообще будет работать в старых браузерах, он не будет работать хорошо; пройдут годы, прежде чем мы сможем ожидать хорошей поддержки HTML 5 от всех распространенных браузеров.
Это не совсем отвечает на ваш вопрос, но не является семантическим для компьютеров.
Человек может прочитать это и подумать: «Ага, это должен быть товар, который в контексте этого торгового веб-сайта означает то, что я могу купить, и, следовательно, не означает« количество, полученное путем умножения количеств », как могло бы делать на mathoverflow.com ». Это действительно полезно для любого человека, читающего код, так что в этом смысле он семантический.
Но что касается компьютера, анализирующего вашу страницу как HTML (или человека, просматривающего вашу HTML-страницу в браузере вместо того, чтобы читать код), это просто неизвестный тег, поэтому он не получит никакого полезного стиля по умолчанию. (в отличие от тега , у которого есть хорошие поля, чтобы можно было читать на экране) или поведение (в отличие от тега , который можно щелкнуть, если вы дадите ему href атрибут).
Компьютеры получают семантику только тогда, когда люди соглашаются, что означают теги, с помощью таких спецификаций, как HTML5.
Даже если вы используете JS, чтобы IE 6 «распознал» теги HTML5, у вас все равно будут проблемы, поскольку IE 6 не позволяет вкладывать такие теги.
С другой стороны, если ваша веб-страница не ориентирована на приложения, а предназначена исключительно для презентации, вы также можете использовать старый простой XML со стилями. Он немного отличается от традиционного способа создания страниц, но в терминах XML нет «старых» или «новых» тегов.
См. Эту страницу - http://feeds.feedburner.com/blogspot/MKuf (канал блога Google) - как пример стилизованного XML. JS и DOM API работают так же хорошо.