文章に強調を示すタグの使い分けを

8月の終わりがあと1週間…

でも、まだまだ暑さが続いてますね。

さらに水分を補給しながら、体調管理には気を付けてください。

8月のイメージといえば、戦争しか連想できません…

広島原爆・長崎原爆・終戦記念日…

日本の行事といえば、夏祭りしかイメージがわかないですね。

暦の上では、秋の季節になっていますが…

有意義な夏の時間を思いきり楽しんでますか?

さてと、話題を取り戻して…

文章に強調を示すタグの使い分けを

他業者や競合サイトに「強調」を使うタグがいくつか見られますね。

でも、文章の流れの意味が変わっていくそうです。

こちらは文系出身者ではないので、何を示していいのかわかりません…

<strong>~</strong>や、<em>~</em><i>~</i><span>~</span>の4種類がありますね。

しかし、<b>~</b>のタグはたまに見かけますが、実は廃止されています。

使う人はまだまだ学習が足りない人って思えばいいだけなので、ほっときましょ!

使い方によってSEOに影響するそうです。

<strong>~</strong>

テキストに「意味的な重要性、深刻性、緊急性」を与えるときに使います。

さらに、検索エンジンに対しても重要な情報であることを伝えることができます。

例:

<p>太平洋から日本に<strong>台風</strong>が接近します。</p>

表示
『太平洋から日本に台風が接近します。』

訳:台風が大きく日本に接近してくるぞ!っていう意味です。

<em>~</em>

テキストにニュアンス的な強調やアクセントを使われます。

単語や文章の特定の言葉に焦点を当てたい場合に使われます。

例:

<p>太平洋から日本に<em>台風</em>が接近します。</p>

表示
『太平洋から日本に台風が接近します。』

訳:台風が大きく日本に接近してくるから気を付けてね!っていう意味です。

<i>~</i>

専門用語、外国語、特定の思考や感情など、通常の文章とは異なる文脈のテキストを表現するときに使います。

例:

<p>太平洋から日本に<i>台風</i>が接近します。</p>

表示
『太平洋から日本に台風が接近します。』

訳:台風が日本に接近してきますよ!っていう意味です。

<span>~</span>

特定の意味を持たない文章をグループ化するために使われます。

また、テキストの一部にデザインを適用したいときに便利です。

例:

<p>太平洋から日本に<span>台風</span>が接近します。</p>

表示
『太平洋から日本に台風が接近します。』

訳:台風が日本に接近してくるらしい!っていう意味です。

そんな感じの文脈の使い方を行ってくださいね。

では、また!

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください