Какой наилучший вариант выделить заголовок курсивом только на некоторых страницах?

StackOverflow https://stackoverflow.com/questions/2234960

Вопрос

Я должен выделять заголовки курсивом, можно ли сделать это вот так?

<h5><em>Heading text in italic</em></h5>

Или я должен использовать <p> помечайте вот так:

<p><em>Heading text in italic</em></p>

Если я использую <h5> тогда как программы чтения с экрана прочитают это и правильно ли это семантически?

Я не хочу использовать класс.

Это было полезно?

Решение

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

Если это заголовки на определенном наборе страниц, то общепринятым способом сделать это было бы поместить класс в тег body этих страниц:

<body class="italic-headings-page">

Затем оформите эти заголовки с помощью CSS:

body.italic-headings-page h5 {
    font-style: italic;
}

С другой стороны, если сайт редактируется нетехническими редакторами, и они хотят иметь возможность выделять произвольные заголовки курсивом, и они не могут предоставить классы заголовков в своей CMS, тогда я бы выбрал <i>:

<h5><i>Heading text in italic</i></h5>

Когда намерение носит чисто презентационный характер, вы могли бы с таким же успехом выразить это намерение и <i> делает это лучше, чем <em>.

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

Другие советы

Вам не обязательно использовать класс, вы можете просто определить свойства заголовка h5 (или любого другого, который вы хотите):

h5 {
  font-style: italic;
}

Если только под "я не хочу использовать class" вы не имели в виду, что не хотите использовать CSS.

Если вы не хотите использовать class, я определенно думаю <h5><em> тем лучше (если он проходит проверку HTML). <h5>указывает уровень заголовка, <em> что браузер должен сделать на нем акцент (обычно курсивом).

Но если вы хотите, чтобы курсив был выделен графически, вам следует придерживаться CSS.HTML-часть должна описывать структуру документа, а не его внешний вид.

Попробуй <h5 style="font-style:italic;"> если вы не можете определить конкретный класс.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top