見出しをイタリック体で表示する必要があるのですが、このようにしてもよろしいですか?
<h5><em>Heading text in italic</em></h5>
または、次の<p>
ようなタグを使用する必要があります。
<p><em>Heading text in italic</em></p>
タグを使用すると、<h5>
スクリーン リーダーはこれをどのように読み取り、意味的に正しいのでしょうか?
クラスを使いたくない。
見出しをイタリック体で表示する必要があるのですが、このようにしてもよろしいですか?
<h5><em>Heading text in italic</em></h5>
または、次の<p>
ようなタグを使用する必要があります。
<p><em>Heading text in italic</em></p>
タグを使用すると、<h5>
スクリーン リーダーはこれをどのように読み取り、意味的に正しいのでしょうか?
クラスを使いたくない。
クラスを使用する必要はありません。単純に h5 (または任意の) ヘッダーの特性を定義できます。
h5 {
font-style: italic;
}
「クラスを使用したくない」という場合を除き、CSS を使用したくないという意味です。
クラスを使用したくない場合<h5><em>
は、間違いなく優れていると思います(HTML検証に合格する場合)。<h5>
ヘッダー レベルを示し<em>
、ブラウザーが強調する必要があります (通常はイタリック体)。
しかし、イタリック体のグラフィカルな外観が必要な場合は、CSS に固執する必要があります。HTML 部分は、ドキュメントの外観ではなく、ドキュメントの構造を記述する必要があります。
<h5 style="font-style:italic;">
特定のクラスを定義できない場合は試してください。
イタリック体の見出しのルールが何であるかによって異なります。どの見出しをイタリックにする必要がありますか?
特定のページ セットの見出しである場合、受け入れられる方法は、それらのページの 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 で実装する最善の方法を知ることは不可能です。