HTML タグの意味化_html/css_WEB-ITnose

当社の Web サイトが検索エンジンによってより適切にクロールされ、含まれるようにし、より自然に高いトラフィックを獲得するには、Web サイトのタグのセマンティクスが特に重要です。いわゆるラベル セマンティクスは、ラベルの意味を指します。

タグのセマンティクスをよりよく理解するために、まず次の例を見てください:

1 <table> 
2      <tr> 
3         <td>娱乐项目</td> 
4         <td>项目支出</td> 
5     </tr> 
6     <tr> 
7         <td>聚餐</td> 
8         <td>200元</td> 
9     </tr>
10 </table>

上記のコードは、構造を明確にするために、セマンティック タグを使用しない明らかな例です。

<table>    
<caption>支出统计</caption>    
<thead>        
<tr>            
<th>娱乐项目</th>            
<th>项目支出</th>        
</tr>    
</thead>    
<tbody>       
<td>聚餐</td>        
<td>200元</td>    
</tbody>
</table>

その中で、

: テーブルのタイトル;
: テーブルのヘッダー;
: テーブルの列の列ヘッダー。

はい、セマンティック タグの目的は、適切な構造とセマンティクスにより、Web ページのコンテンツが検索エンジンによって自然にクロールされやすくなり、Web サイトが促進されることです。構造が明確で読みやすいため、多くの労力が節約され、保守性が向上します。これは、検索エンジン最適化 (SEO) における重要なステップでもあります。もちろん、SEO について詳しくは、

http://baike.baidu.com/link を参照してください。 ?url=f_v0cbvzTIxhwKNaJtdd-qGjGMefJww4ko9pJaZj4rJArylR_dpUZsobKKLlMKBi

http://www.seoxuetang.com/

本題に戻ります。では、次のような HTML タグと属性をセマンティクス化する必要があります。 : 部門(分離)

spanセマンティクス:スパン(範囲)

olセマンティクス:順序付きリスト(ソートされたリスト)
ulセマンティクス:非順序リスト(順序なしリスト)
liセマンティクス:リスト項目(リスト項目)

1.

、

、

、

、

、

は重要度の高い順にタイトルとして使用されます。

は最高レベルです。

2.

段落記号、

を段落として認識している場合は、改行に
を使用する必要はなくなります。 ;br/> ;
段落と段落を区別します。

内のテキストは自動的に折り返され、行折り返し効果は
よりも優れています。

3.、

タグのセマンティクスは「太字」です

タグのセマンティクスは「強調」です"

タグのセマンティクスは「より強い強調」であり、em はデフォルトで斜体で表現され、strong は太字で表現されます。

これら 3 つのタグのセマンティクスが分かれば、SEO を行うときに重要なキーワードを強調するためにどれを使用するかを決定するのは簡単です。 。

4.

タグ、
タグ
タグのセマンティクスは、順序なしのリストを定義します。順序付きリストを定義するためのセマンティクス
• タグのセマンティクスはリスト項目を定義するためのものです
  したがって、リスト項目に関しては、
  1. を使用する必要があります。

     を使用する代わりに、、

     、さらには を使用します。

     5.

     タグ、

     タグ

     タグのセマンティクスは定義で定義されます。 list 項目 (つまり、用語部分)

     ラベルのセマンティクスは、定義リスト内の定義項目の定義部分です

     したがって、タイトル付きリストを使用する場合は、

     カスタム リストの実装

     6. ラベル

     のセマンティクスは、ドキュメント

     のインライン要素を結合するために使用されます (さらに、

     と

     の違いを区別する必要があります)

     はブロックレベル要素(ブロックレベル)ですが、前者の内容は自動的に折り返されますが、後者の内容は前後で自動的に折り返されません

     )

     7。 .、

     、

     タグのセマンティクスは、 の間の内容を自動的に認識します。

     タグのセマンティクスは、それらの段落または複数の段落をマークするために使用されます。 長い引用符

     は、 または

     とともに使用できます。引用した内容。

     例を見てください

     1 <p> <cite>孔子</cite>曰：<q>有朋自远方来，不亦乐乎</q>.2 </p>

     1 <blockquote cite=" 
     2  <p>&#8220;我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，
     我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战"，为了兼容 Netscape 和 IE，网站
     不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来
     支持这种新技术或新设备，例如支持手机上网的 WAP 技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大
     量的带宽；针对某种浏览器的 DHTML 特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是
     一种恶性循环，是一种巨大的浪费。&#8221;
     3 </p>
     4 </blockquote>

     8.

     、

     タグのセマンティクスは HTML テーブルを定義することです

     ラベルのセマンティクスは、テーブルのヘッダー セルを定義することです

     、	、