Сброс CSS для HTML5

Question

Лучшие практики?

Чем это отличается от HTML4 или XHTML1?

Здесь много дискуссий: http://html5doctor.com/html-5-reset-stylesheet/

Мне интереснокакие еще ресурсы / обсуждения существуют.

Answer 1

Комментарии к этому посту сумасшедшие. Вы, конечно, не найдете более тщательного обсуждения. Я думаю, что вы должны удалить ненужные правила и устаревшие теги из любого сброса, который вы использовали, и оставить все как есть. У Пола Айриша (основного участника 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 или Modernizr Реми Шарпа, чтобы запустить цикл JavaScript, чтобы включить стилизацию новых элементов HTML5 в IE. HTML5 Shiv просто создает элементы, позволяющие стилизовать, Modernizr - гораздо более полнофункциональное решение для определения и стилизации HTML5 и CSS3. Есть еще одна замечательная статья о HTML5 Doctor, которую стоит посмотреть, Как использовать HTML5 в работе вашего клиента прямо сейчас с марта 2010 года, в соавторстве с Реми и Ричардом через 8 месяцев после статьи о перезагрузке. Они упоминают использование Modernizr «для обнаружения веб-форм 2.0 и другой поддержки типа HTML5».

Кроме того, Дион (из Ajaxian и теперь Palm) написал в Твиттере о css3pie, который будет визуализировать визуальные элементы, такие как border-radius, box-shadow и градиенты в IE. Сам не могу ручаться за это.

(У меня здесь было больше ссылок, но мне пришлось удалить все, кроме одного, потому что мой представитель <10, если есть что-то, что вы не можете найти. Ответьте, и я опубликую это.) </p>

Answer 2

HTML5 по-прежнему широко не поддерживается. Таким образом, я не думаю, что вы найдете специальную таблицу стилей сброса HTML5. Я рекомендую взять Эрика Мейера и добавить теги для HTML5. (например, nav, header, footer и т. д.)

Answer 3

Я просто использую свой вариант сброса Эрика Мейера с моими собственными предпочтениями. Для совместимости с HTML5 я добавляю новые элементы по мере необходимости.

Одна особенность заключается в том, что новые элементы по умолчанию не имеют стиля, поэтому вам нужно указать свои собственные значения по умолчанию. Это особенно важно для блочных элементов, таких как section, aside и article. Необходимо убедиться, что вы указали display:block для этих элементов.

Answer 4

Там много всего. Вы не можете принять отдых одного человека как Евангелие. Недавно я сделал пользовательский лист сброса, пересмотрев части шаблона, YUI, мои предпочтения и некоторые другие методы ppls. Это больше зависит от предпочтений и практичности. С точки зрения отличия стандартов html5 css от xhtml & html4, не беспокойтесь о сравнении, вы должны стремиться использовать html5 doc-типы для всей своей новой работы, если только ваш проект не требует xhtml по запросу.

Answer 5

Я изменил сброс Эрика Мейерса в конце прошлого года для HTML5. Используйте его для каждого проекта, и он прекрасно работает: CSS Reset Refreshed

Он устанавливает новые элементы блока HTML5 для отображения соответственно. Это не делается ни в одном из основных браузеров сегодня, и вы столкнетесь с проблемами, если не установите это.

Также "сбрасывает" стили элементов HTML5. Технически, сброс еще не требуется, так как браузеры не имеют собственного стиля элементов HTML5, но ваш сайт будет пригоден для будущего, когда они это сделают.