Должны ли мы всегда учитывать, как страница будет выглядеть без CSS?

#html #css #xhtml #w3c #semantic-markup

#HTML #css #xhtml #w3c #семантическая разметка

Вопрос:

Если да, то презентационные элементы были бы полезны в этом случае, так должны ли мы их использовать?

 <b></b> , <i></i>, <big></big>, <small></small>, <tt></tt>, <hr />
  

Это допустимые теги

Комментарии:

1. Они также являются устаревшими тегами. Просто говорю.

2. Если CSS отсутствует, то эти теги также будут бесполезны. Подумайте об этом, <b>...</b> тег похож на любой другой тег, только для него установлен стиль CSS font-weight: bold . Каждый тег — это просто тег, каждому тегу присвоены стили по умолчанию.

3. @Matchu — никто не является устаревшим, все допустимы htmldog.com/reference/htmltags

4. Если вы посмотрите на проект стандарта HTML 5, <i> , <b> и <small> получили семантическое значение и вовсе не являются устаревшими.

5. @animuson — не рекомендуется и «следует избегать» — это разные вещи.

Ответ №1:

Страница должна быть размечена семантически, а не для ее представления. Если вы нанесете правильную семантическую разметку на элементы, браузер обычно сам применит к ним базовый стиль. Вас не должно беспокоить, как будет выглядеть документ без стиля. Если она не оформлена, у нее нет стиля. CSS отвечает за стиль. Если пользователь выбирает просмотр документа без стиля, пусть так и будет.

Комментарии:

1. Это верно, с оговоркой, что страница без стиля, как правило, дает вам четкое представление о том, насколько хорошо вы размечали страницу. Смысл семантической разметки заключается в том, чтобы сделать контент доступным (и разборчивым!) помимо стиля. Страница без стиля должна читаться как обычный текстовый документ. Это аргумент в пользу семантики, а не в пользу презентационной разметки.

2. @Eric Именно это я и пытался сказать словами «браузер сам применит стиль», но лучше выразиться. 🙂

Ответ №2:

Как правило, («обычный«) пользователь не может отключить CSS так же просто, как JavaScript. Поэтому я бы ответил НЕТ.

CSS является частью презентации, и когда CSS недоступен, мы должны думать, что презентация недоступна. Таким образом, клиентская сторона нарушена.

Вас это не должно беспокоить, поскольку вы не хотите отлаживать клиент, злоупотребляющий презентацией.

НО, если вам нужно поддерживать нестандартные устройства (возможно, старые мобильные телефоны), это обоснованная проблема. Тем не менее, вместо изменения страницы на «подходит для всех размеров«, у вас должна быть отдельная страница для таких устройств.


Не уверен насчет tt (я думаю, вы можете использовать). Но b , i следует заменить на strong и em соответственно.

big и small не следует использовать IMO и заменять альтернативными тегами в зависимости от семантики.

Комментарии:

1. я не говорю о <большом> и <маленьком>, которые используются в качестве заголовка. я спрашиваю, используем ли мы inline. например, если мы используем <big> поверх <span class=»big»>, то без css текст все равно будет выглядеть жирным.

2. Я также не говорю о big и small для использования в заголовках. Вопрос был «Должны ли мы учитывать, как будет выглядеть страница без CSS». Ответ отрицательный. И, как вы можете видеть, я предоставил объяснение, почему.

Ответ №3:

Технически, вы могли бы в значительной степени создать целую страницу, используя теги <div> и <span> . Хотя это было бы просто неаккуратно и не очень интуитивно. Лично я считаю, что перечисленные вами теги облегчают пользователю анализ того, что страница пытается передать, а также обеспечивают удобство чтения страницы, когда CSS не загружается.

Комментарии:

1. <b> и <small> очень мало делаем для передачи структуры HTML-документа. Я полностью за, <ul> и <li> где это имеет смысл, поскольку они действительно представляют структуру, но … нет. Теги, которые он описывает, устарели по определенной причине.

Ответ №4:

Звучит так, будто вы спрашиваете, следует ли вам использовать теги типа <small> , чтобы при отсутствии CSS то, что вы хотите сделать маленьким, было маленьким.

Нет.

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

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