ホームページ  >  記事  >  ウェブフロントエンド  >  HTML タグの意味化_html/css_WEB-ITnose

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

PHP中文网
PHP中文网オリジナル
2016-06-24 12:07:28980ブラウズ



当社の 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>

その中で、

63bd76834ec05ac1f4c0ebbeaafb0994: テーブルのタイトル;
ae20bdd317918ca68efdc799512a9b39: テーブルのヘッダー;
b4d429308760b6c2d20d6300079ed38e: テーブルの列の列ヘッダー。

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

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

http://www.seoxuetang.com/

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

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

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

1.c852f89da0acc8a6a464f0668266042e

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

は最高レベルです。

2.e388a4556c0f65e1904146cc1a846bee

段落記号、e388a4556c0f65e1904146cc1a846bee を段落として認識している場合は、改行に 076402276aae5dbec7f672f8f4e5cc81 を使用する必要はなくなります。 ;br/> ;076402276aae5dbec7f672f8f4e5cc81 段落と段落を区別します。 e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 内のテキストは自動的に折り返され、行折り返し効果は 0c6dc11e160d3b678d68754cc175188a よりも優れています。


3.a4b561c25d9afb9ac8dc4d70affff419、907fae80ddef53131f3292ee4f81644b8e99a69fbe029cd4e2b854e244eab143

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

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

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

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

4.ff6d136ddc5fdfeffaf53ff6ee95f185 タグ、c34106e0b4e09414b63b2ea253ff83d6 タグ

ff6d136ddc5fdfeffaf53ff6ee95f185 タグのセマンティクスは、順序なしのリストを定義します。順序付きリストを定義するためのセマンティクス

  • タグのセマンティクスはリスト項目を定義するためのものです

    したがって、リスト項目に関しては、c34106e0b4e09414b63b2ea253ff83d625edfb22a4f469ecb59f1190150159c6 を使用する必要があります。 5c69336ffbc20d23018e48b396cdd57a73de882deff7a050a357292d0a1fca9467bc4f89d416b0b8236eaa5f43dee742 を使用する代わりに、f5d188ed2c074f8b944552db028f98a1、e388a4556c0f65e1904146cc1a846bee、さらには 45a2772a6b6107b401db3c9b82c049c2 を使用します。

    5.5c69336ffbc20d23018e48b396cdd57a タグ、73de882deff7a050a357292d0a1fca94 タグ

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

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

    したがって、タイトル付きリストを使用する場合は、5c69336ffbc20d23018e48b396cdd57a554f658f1e1945264f953c7c177d49e6 カスタム リストの実装

    6. ラベル

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

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

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

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

    )

    7。 .1244aa79a84dea840d8e55c52dc97869、b8a712a75cab9a5aded02f74998372b4、f3a85e1241a187c5ac462d886e9a968b

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

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

    f3a85e1241a187c5ac462d886e9a968b は、1244aa79a84dea840d8e55c52dc97869 または b8a712a75cab9a5aded02f74998372b4 とともに使用できます。引用した内容。

    例を見てください

    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.f5d188ed2c074f8b944552db028f98a1、b4d429308760b6c2d20d6300079ed38e、b6c5a531a458a2e790c1fd6421739d1c、63bd76834ec05ac1f4c0ebbeaafb0994

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

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

    63bd76834ec05ac1f4c0ebbeaafb0994 ラベルのセマンティクスは、テーブル タイトル


    9 を定義します。

    bb9345e55eb71822850ff156dfde57c8 タグのセマンティクスはボタンを定義することです

    d5fd7aea971a85678ba271703566ebfd タグのセマンティクスは、さまざまなタイプの属性値に従って、入力フィールドに多くのフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、マスクされたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。

    4750256ae76b6b9d804861d8f69e79d3 タグのセマンティクスは、複数行のテキスト入力コントロール

    button コントロールを定義することであり、8e03557d3950bf880a2e4583affa2fab と比較して、より強力な機能と豊富なコンテンツを提供します。 bb9345e55eb71822850ff156dfde57c8 タグと 65281c5ac262bf6d81768915a4a77ac0 タグの間にあるものはすべて、テキストやマルチメディア コンテンツなどの許容可能な本文コンテンツを含むボタンのコンテンツです。

    タグのセマンティクスは、さまざまな type 属性値に従って、入力フィールドに多くのフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、マスクされたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。

    ボタンコントロールは、より強力な機能と豊富なコンテンツを提供します。タグ間のすべてがボタンのコンテンツであり、テキストやマルチメディア コンテンツなどの許容可能な本文コンテンツも含まれます。

    10.2e1cf0710519d5598b1f0f14c36ba674 ラベル

    2e1cf0710519d5598b1f0f14c36ba674 ラベルのセマンティクスは、入力要素

    11.426be984ffbbb815d7d88e3543a85d91、823db3943044a0a9a620ada8d4b1d965 のラベル (マーク) を定義します。 ;


    426be984ffbbb815d7d88e3543a85d91 タグのセマンティクスは、ドキュメントに挿入されたテキストを定義することです。

    823db3943044a0a9a620ada8d4b1d965タグのセマンティクスは、ドキュメント内の削除されたテキストを定義することです。

    426be984ffbbb815d7d88e3543a85d91 は、ドキュメント内の更新と修正を記述するために 823db3943044a0a9a620ada8d4b1d965 と一緒に使用されます。 del を知っている場合は、取り消し線として 2e44d2d3284d23d932e1fd85f3d4cf3a を使用しないでください。また、del には、削除の理由と削除時刻を示す cite と datetime も含まれています。 ins は挿入を意味し、そのような属性もあります。

    これら 2 つのタグの使用法については、以下を参照してください:
    http://www.w3school.com.cn/tags/tag_ins.asp

    http://www. w3school .com.cn/tags/tag_del.asp

    上記は、Html tags_html/css_WEB-ITnose のセマンティクスの内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) に注目してください。

  • 声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。