Если браузер уже поддерживает HTML 5, то нужно ли нам указывать {display: block;} в css для более новых тегов уровня блока?

#css #html #cross-browser

#css #HTML #кроссбраузерный

Вопрос:

Если браузер уже поддерживает HTML 5, то нужно ли нам указывать {display: block;} в css для более новых тегов уровня блока?

Обычно мы не определяем {display: block;} для тегов блочного уровня HTML 4 в CSS reset.

Итак, я рассматриваю только последние версии Firefox, Safari, IE9 и Mobile Safari, а также браузер Android, нужно ли мне сохранять это

 article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{display: block;}

в CSS reset.

Не учитывая IE 6, 7, 8 и Windows Mobile 7

1. Я думаю, смысл сброса в том, чтобы убедиться, что все браузеры имеют одинаковое поведение при запуске, а затем отталкиваться от этого. Если в вашей ситуации вам нужно поддерживать только браузеры, которые, как вы знаете, будут определять эти элементы как block, тогда вы могли бы удалить этот CSS. На сегодняшний день не все браузеры определяют их как элементы уровня блока, поэтому, вероятно, это потребуется.

2. Я не рассматриваю вариант отказа от IE 6, 7, 8, IE Mobile, браузера Windows Mobile 7 и Firefox 2 и старых версий Opera. тогда стоит ли это удалять?

3. Прескотт прав. Большая часть сброса CSS не требуется. Это просто для того, чтобы убедиться, что все браузеры обрабатывают все вещи одинаково. Что в названии, верно?

4. @Rudie — Я согласен. но мы никогда не указываем div, p, h1 {display:block}

5. @Jitendra: Нет, потому что все браузеры по умолчанию рассматривают их как элементы уровня блока, так что это правило было бы только лишним.

Ответ №1:

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