Как лучше всего показывать заголовок курсивом только на некоторых страницах? - PullRequest
1 голос
/ 10 февраля 2010

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

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

Или я должен использовать тег <p>, например:

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

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

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

Ответы [ 3 ]

3 голосов
/ 10 февраля 2010

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

h5 {
  font-style: italic;
}

Если «Я не хочу использовать класс», вы подразумевали, что не хотите использовать CSS.

2 голосов
/ 10 февраля 2010

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

Если это заголовки на определенном наборе страниц, то приемлемый способ сделать это - поместить класс в тег 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.

2 голосов
/ 10 февраля 2010

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

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...