Типичные имена для общих структурных / семантических классов / идентификаторов на странице HTML? - PullRequest
0 голосов
/ 23 июня 2011

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

Я точно знаю, что входит в HTML 5:

  • Заголовок
  • Nav
  • Раздел
  • Статья
  • Помимо
  • Footer

Но как мне позвонить:

  • Подсвеченный блок текста, похожий на цитату, но на самом деле ничего не цитирующий - в основном, как выделение блока. Или мне просто использовать цитату?
  • раздел на домашней странице, где есть отдельные блоки, скажем, для перечисления различных функций.
  • всплывающее текстовое описание другого элемента (которое может появляться при наведении, но для разделения структуры / стиля, вероятно, не требуется)
  • вступительное описание на главной странице (введение?)

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

1 Ответ

0 голосов
/ 23 июня 2011

Ну, вы видите, что "столбец" и "строка" используются очень часто, чтобы назвать два.

По поводу других ваших вопросов:

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

Раздел на домашней странице, где есть различныеблоки для, скажем, перечисления различных функций: вы вроде как ответили на свой вопрос здесь.Списки очень популярны для такого рода вещей, возможно, с классом или идентификатором элемента <ul>.Назовите его описательным, но в то же время лаконичным способом.Для этого вам не нужно придумывать новый термин.

Всплывающее текстовое описание другого элемента: вы видите, popup много использовал, например, <div class= popup ">..content..`. Это хорошо работает, когда всплывающее окно является дочерним элементом элемента hovered, для облегчения обхода DOM.

Вводное описание на домашней странице: к этому у меня нет никаких предложений. Вашпредложение вступления хорошо. Вы можете просто использовать его как стандарт <p> и стилизовать его на основе его родителей. Такое определение, как #content p:first-child, было бы более хорошим решением для первого абзаца из многих, чем специальный класс, по моему мнению.

...