HTML の類似タグと属性の違いの詳細な説明

【1】<i></i>タグと<em></em>タグ

同じ: 両方とも斜体を示します。

違い：

（１）<em>は強調された内容を示すが、<i>は物理的に斜体であり、内容的には意味を持たない。

（2）<em>タグは「セマンティック」タグであり、検索エンジンはこれらのセマンティクスを理解します。これは HTML で「強調」を意味するように特別に設定されています。これらの「強調」タグを見ると、一部のスクリーン リーダーは SEO にとってより有益な異なる語形変化を使用する場合があります。

【2】<br/>と<p>タグ

類似点: どちらも改行プロパティを持っています。

違い: <br/> は単独で使用され、小さな改行を実行します。

<p></p> はペアで使用され、段落間の改行を実行します。

【3】<strong>タグと<b>タグ

<strong> は文字の語調を強め、強調を表現する論理タグです。 CSS を使用して strong の特定のパフォーマンスを変更することもできます。

<b> はエンティティ タグであり、太字を意味します。

現在の W3C 標準に準拠するには、strong タグを使用することをお勧めします。

【4】<span>タグと<div>タグ

同じ: これはコンテナタグであり、HTML 言語で広く使用されています。「<div>」を「<span>」に置き換えると、実行後の効果がまったく同じであることがわかります。どちらも各ブロックを分離する役割を果たします。

違い: <span> は行型要素であり、その前後は折り返されません。

<div> はブロックレベル要素であり、囲まれた要素は自動的に折り返されます。 1 つの div が 1 行を占めます。

【5】valign属性とalign属性

valign: 行の垂直方向の配置を表します [上、中央/中央、下]

align: 水平方向の配置を表します [左中央/中央右]

【6】中心と中間の属性

align=middleは通常、画像を中央に配置します

align=centerは通常テキストを中央に配置します

同じ効果に使用できます

通常は中央を使用しますが、IEでは中央が機能しない場合があります。

【7】<button>と<input type="button">

<button> はより強力な機能と豊富なコンテンツを提供します。

<button> タグと </button> タグの間にあるすべてがボタンのコンテンツであり、テキストやマルチメディア コンテンツなどの許容される本文コンテンツも含まれます。

禁止されている要素はイメージマップのみです。

ボタンには常に type 属性を指定します。

Internet Explorer のデフォルト タイプは「ボタン」です​​が、他のブラウザー (W3C 仕様を含む) のデフォルトは「送信」です。

【8】text-align:centerと<center>

<center> はテキストに影響を与えるだけでなく、要素全体を中央に配置します。

text-align は要素の配置を制御するのではなく、内部コンテンツのみを制御します。

要素自体はセクション間で移動されず、その中のテキストのみが影響を受けます。

【9】文字間隔と単語間隔

文字間隔は文字間の間隔を指します。

単語間隔とは、単語間の間隔を指します。

中国語の文字は通常、文字間隔によって制御されます。

単語間隔は中国語では機能しない