よりセマンティックになった イタリック(i)などのhtml5 タグ 

2011年6月27日

HTML5では、タグ自体がセマンティックな意味を持つことになり、装飾関係は全てCSSで行うことになります。
分かりやすいように下記にまとめてみます。
元がW3Cの英文を自分なりに訳してみました。
HTML5では利用する時の用途が新たに定義されました。
i要素は、他の文章から区別する為に表記はイタリック体のテキストです。
ただし、強調や重要といった事に使いません。
使用例は、分類の名称、技術的な専門用語、他言語の慣用的フレーズ、思考、船の名などに使用します。

参考
http://dev.w3.org/html5/markup/i.html

<i>
i要素を使うときには同時にclass属性を使うことが推奨されます。
一般的には下記の様に定義しています。
i {
font-style: italic; }
http://dev.w3.org/html5/markup/i.html

<b>
b要素は、重要だという事を伝えるのでなく、ただ文章内で意図的に区別するために使います。
例えば、文章内にあるキーワードやレビュー記事などに記述されている商品名です。
一般的には下記の様に定義しています。
b {
font-weight: bolder; }

参考
http://dev.w3.org/html5/markup/b.html

<em>
em要素は、そのテキスト全体の強調を表します。
一般的には下記の様に定義しています。
em {
font-style: italic; }

参考
http://dev.w3.org/html5/markup/em.html

<strong>
strong要素は、その文言や文章を強い重要性を表します。
ネストする事により、さらに強く重要性をしめすことも出来ます。

参考
http://dev.w3.org/html5/markup/strong.html

ちなみに、bigはHTML5から廃止されました。

Related Posts

MEO代行、Googleレビュー増加サービスには注意が必要

MEO代行、Googleレビュー増加サービスには注意が必要

MEO(Map Engine Optimization、マップ検索エンジン最適化)について注意点があるのでご紹介です。 立地だけではなくMEOが重要な時代に BtoCなど、主に一般消費者に向けて店舗ビジネスを行っている方にとって店舗の立地という点は重要です。 人通りがあり目の付く所に店舗を構えると看板を出すだけで宣伝効果が生まれます。但し賃料は高くなります。 逆に人通りが少ないなど立地が悪い所の場合は、賃料が安い反面、存在を知ってもらう為に広報活動に予算を振り分ける必要があります。...

経営革新等支援機関に認定されました

当社は、2023年2月24日付けで経営革新等支援機関に認定されました。 認定支援機関ID:107828000112 https://www.ninteishien.go.jp/NSK_CertifiedRecordView?id=a0D2r000004g0zfEAA 行政書士をはじめとしたプロフェッショナルスタッフに経営や補助金・助成金・資金調達などの相談をして頂くことが可能ですのでお気軽にご相談下さい。 認定経営革新等支援機関とは...

光ファイバーケーブルの選定 ポイント

光ファイバーケーブルの選定 ポイント

先日ネットワーク構築の相談を受けたので、その中で光ファイバーケーブルの基礎情報をご紹介します。 速いだけじゃない。光ファイバーケーブルの特徴 ・長距離伝送が可能 LANケーブル(メタルケーブル)では、100m以上で中継器などが必要になりますが、光ファイバーケーブルは数百m~数十kmまで伝送が可能です。 ・大容量のデータ伝送が可能 伝送帯域が大きいため大容量のデータを伝送しても速度低下が起きにくいです。...