CSS сбрасывается для HTML5
Лучшие практики?
Как это отличается от HTML4 или XHTML1?
Существует большое обсуждение, продолжающееся здесь: http://html5doctor.com/html-5-reset-stylesheet/
Я задаюсь вопросом, что другие ресурсы/обсуждение существует.
4 ответа
Комментарии к этому посту просто сумасшедшие. Вы точно не найдете более тщательного обсуждения. Я думаю, вам следует удалить ненужные правила и устаревшие теги из любого сброса, который вы используете, и продолжать работать. Пол Айриш (Paul Irish) (автор ядра jQuery, один из создателей Modernizr, а ныне Googler) написал комментарий в статье, на которую вы ссылаетесь, в котором есть все специфические для HTML5 выравнивания CSS, которые вам, вероятно, понадобятся:
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; zoom:1; }
Google использует более простую версию в своем base.css на HTML5Rocks.com:
section, article, header, footer { display: block; }
Вам все еще нужно будет использовать простой, "голый" HTML5 Shiv от Remy Sharp или Modernizr для запуска цикла JavaScript, чтобы включить стилизацию новых элементов HTML5 в IE. HTML5 Shiv просто создает элементы, чтобы разрешить стилизацию, а Modernizr - это более полнофункциональное решение для обнаружения/стилизации HTML5 и CSS3. На сайте HTML5 Doctor есть еще одна замечательная статья, на которую стоит обратить внимание: Как использовать HTML5 в работе с клиентами прямо сейчас от марта 2010 года, написанная Реми и Ричардом спустя 8 месяцев после статьи о перезагрузке. Они упоминают использование Modernizr "для обнаружения Web Forms 2.0 и другой поддержки HTML5."
Также Дион (из Ajaxian, а теперь Palm) написал в твиттере о css3pie, который будет отображать визуальные элементы, такие как border-radius, box-shadow и градиенты в IE. Сам не могу за это поручиться.
(У меня было больше ссылок, но пришлось удалить все, кроме одной, потому что мой рейтинг < 10, если вы что-то не можете найти, ответьте, и я опубликую это)
.HTML5 все еще не получил широкой поддержки. Поэтому я не думаю, что вы найдете таблицу стилей сброса для HTML5. Моя рекомендация - взять Eric Meyer's и добавить теги для HTML5. (например, nav, header, footer и т.д.)
Я модифицировал сброс Эрика Мейерса в конце прошлого года для HTML5. Использую его для каждого проекта, и он отлично работает: CSS Reset Refreshed
Он устанавливает новые блочные элементы HTML5 для соответствующего отображения. Этого нет ни в одном современном браузере, и вы столкнетесь с проблемами, если не установите это.
Он также "сбрасывает" стили элементов HTML5. Технически, сброс стилей пока не нужен, поскольку браузеры не имеют встроенных стилей элементов HTML5, но ваш сайт будет защищен на будущее, когда они появятся.
Я просто использую свой вариант сброса Эрика Мейера, со своими собственными предпочтениями. Для совместимости с HTML5 я добавляю новые элементы по мере необходимости.
Одна особенность заключается в том, что новые элементы по умолчанию не стилизованы, поэтому вам необходимо задать собственные значения по умолчанию. Это особенно важно для блочных элементов, таких как section, aside и article. Для этих элементов необходимо указать display:block.