Каков соответствующий список элементов HTML, которые следует стилизовать в CSS сайта? - PullRequest
0 голосов
/ 03 августа 2010

При разработке базовых стилей для сайта следует стремиться учитывать все различные элементы HTML, которые могут использоваться.Это особенно актуально при разработке скина для CMS, в котором редактор WYSIWYG администратора может вводить элементы, которые вы не планировали (сильный, эм, ударный и т. Д.).

Что такое списокэлементов HTML, к которым должна обращаться любая достаточно полная таблица стилей?

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

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

Я предположил, что мы могли бы также создать здесь полный список, если эти ресурсы не существуют или несовместимы.

Примечания

1) Это может принадлежать вики-сообществу, и я перенесу его туда, если таков консенсус.Однако я считаю, что это конкретная проблема с конкретным ответом.

2) Почти хотел перенести это в Doctype, но я не думаю, что это вопрос дизайна.Это вопрос разработки.

3) Дело не в том, когда и почему вы должны использовать элемент, а в том, с какими элементами вы должны быть готовы обращаться.

Ответы [ 2 ]

1 голос
/ 03 августа 2010

Всегда используйте семантический HTML, используйте альтернативу CSS для всех устаревших элементов

См. Эту статью

http://www.xstandard.com/en/articles/wysiwyg-editors-and-bad-markup/

и эта серия статей может быть вам полезна.

http://www.punkchip.com/2007/02/css-deprecated-attributes-1/

http://www.punkchip.com/2007/02/css-deprecated-attributes-2/

http://www.punkchip.com/2007/03/css-deprecated-attributes-3/

еще несколько статей

http://www.wait -till-i.com / 2005/09/20 / WYSIWYG-КМВ-The-другой пользователь-агент /

http://css -tricks.com / список-оф-амортизированных-элементов еще-в-широко распространенного использования /

Редактировать

Я нашел этот редактор полезным. все доступные HTML-элементы в этом редакторе можно стилизовать

https://apps.carleton.edu/opensource/loki/demo/

0 голосов
/ 03 августа 2010

Итак, если я правильно понял, вы хотите разработать таблицу стилей для общего / общего использования, где вы не знаете специфики сайта, на котором он используется, верно?

Я бы сказал, что нет однозначного ответа, а есть общий (и неясный) консенсус. (Итак, я бы проголосовал за Wiki сообщества ")

Хорошо, вот мои теории:

  • BODY: фон, общий размер шрифта и шрифт.
  • H1, H2, H3 и т. Д.
  • TABLE, THEAD, TBODY, TR, TD: поскольку пользователи не должны использовать их для разметки, сделайте их похожими на таблицу.
  • OL / UL, LI
  • элементы INPUT
  • HR
  • DD / DT: возможно, но поскольку они так редко используются по назначению, трудно придумать неспецифический стиль.

И это все. DIV / SPAN / P на самом деле не нуждается в особом стиле, который находится в BODY (и если конечный пользователь помещает что-то в DIV, то, вероятно, потому что у него есть свои собственные стили для этого)

UPDATE: Я предполагаю, что более близкий вопрос: «Какие элементы HTML имеют ожидаемый вид, который можно создать в CSS?» В этом случае мы имеем:

  • a (a: hover a: активный, a: посещенный и т. Д.)
  • б / сильный
  • большой
  • 1034 * BLOCKQUOTE *
  • код
  • я / их
  • ио / ол / li
  • с / удар
  • маленький
  • до
  • 1050 * суб *
  • SUP
  • тт
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...