Введение статьи Wulin.com (www.vevb.com): необходимо сформулировать требования к согласованности для документов HTML5, и должны использоваться даже новые элементы, атрибуты, API и контент. Таким образом, веб -контент может быть элегантно понижен в старших или менее способных пользовательских агентах. Давайте использовать форму HTML5, чтобы проиллюстрировать. Новые типы, добавленные для ввода, включают в себя номер, поиск, диапазон, электронную почту, дату, URL и т. Д.
Примечание. Примеры в этой статье должны быть показаны в коде, но поскольку в настоящее время, который мы используем сейчас, является xhtml1.0, браузер не может прочитать код HTML5, и Pre не может быть предварительно
Прочитайте код, чтобы его можно было объяснить только словами.
Избегайте ненужной сложности
Краткие решения всегда более популярны, чем сложные, если это возможно.
Тип документа HTML 4.01 устанавливается таким образом (я пропустил угловые кронштейны из -за анализа браузера):
! Doctype html public -// w3c // dtd html 4.01 // en
Доктип XHTML 1.0 - это:
! Doctype html public -// w3c // dtd xhtml 1.0 strict // en
В HTML 5, если ненужная сложность устранена, Doctype упрощается на :! Doctype html
Поддержать существующий контент
Существующий контент опирается на ожидаемую обработку и поведение пользователя для достижения ожидаемой функциональности.
Поддержка существующего контента означает 100% поддержку существующего контента.
Решите реальные проблемы
Проблема, с которой сталкивается содержимое веб -страницы, не подходит для фактического решения, которое не может удовлетворить существующие потребности.
Например, предположим, что я использую HTML 4 или XHTML 1, соответствующий целую часть контента, таким как список продуктов, включая изображение продукта, заголовок продукта, введение продукта и т. Д. Я хочу добавить три идентичные ссылки на эти три элемента соответственно. Однако в HTML5 вы можете использовать тег, чтобы включить эти три блока. То есть тег содержит элементы на уровне блока. Это решает реальную проблему.
В поисках правды и прагматичного
Новые семантические элементы в HTML5-это размышления, которые следуют принципу поиска истины и прагматично.
Если вы посмотрите на веб -страницу сейчас, вероятно, будут такие коды, как это: id = Header Id = навигационный идентификатор = Main Id = идентификатор боковой панели = нижний файл, однако, в HTML5, вновь добавленные теги могут заменить соответствующий Div, такой как заголовок, навигация, в стороне, нижний колонтитул. Не думайте, что это замена идентификатора. Нет, новые теги на самом деле являются заменой класса, потому что эти теги могут быть повторно использованы на странице.
Стабильная деградация
Требования к согласованности для документов HTML5 должны быть сформулированы, и должны использоваться даже новые элементы, атрибуты, API и модели контента. Таким образом, веб -контент может быть элегантно понижен в старших или менее способных пользовательских агентах.
Давайте использовать формы HTML5 для иллюстрации. Новые типы, добавленные для ввода, включают в себя номер, поиск, диапазон, электронную почту, дату, URL и т. Д. Эти новые значения типа будут интерпретироваться как текст в браузерах, которые не поддерживают его. Поэтому вы можете смело использовать формы HTML5, которые можно элегантно понизить.
Приоритет конечного пользователя
После того, как конфликт встречается, конечный пользователь предпочтительнее, за которым следует автор, исполнитель, стандартный сеттер и, наконец, теоретическое совершенство.
PDF: дизайн HTML5