ホームページ  >  記事  >  ウェブフロントエンド  >  見落とされているが便利な HTML タグ

見落とされているが便利な HTML タグ

高洛峰
高洛峰オリジナル
2017-03-12 17:30:481500ブラウズ

この記事では、無視されていますが非常に便利な html タグを紹介します

dde6fb694e6711ae5e6f381704c04ae4 タグ

機能: このタグは、ページ内のすべてのリンクのデフォルトのリンク アドレスまたはリンク ターゲットを指定します。ホームページ上のすべてのリンクを新しいウィンドウで開く必要がある場合、通常はこのようにリンクを作成しますが、このタグを使用するとそれを一度に行うことができます。

属性: Href: リンクアドレス Target: ターゲット、その値は _blank,_parent,_self,_top にすることができ、Strict モード以外で使用できます。

使用法:

<head><!—写在head标签之间-->
<base href="http://www.qq.com/"/> <!—将默认链接定义为http://www.qq.com/-->
<base target="_blank"/> <!—将默认链接目标定义为新窗口中打开-->
</head>
<body>
<a href="#">我可没写链接地址哦</a>
</body>

63bd76834ec05ac1f4c0ebbeaafb0994 タグ

機能: テーブルのタイトルを定義するために使用されます。表の役割を説明してください。「セマンティック」があります。キャプションは表の後に記述する必要があり、デフォルトのスタイルでは表の上部の中央に表示されます。 CSS経由でスタイルを変更できます。

使用法:

<table width="200" border="1">
<caption><!--caption应该写在table之后--> 其实我是caption </caption>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

ae20bdd317918ca68efdc799512a9b39タグ、92cee25da80fac49f6fb6eec5fd2c22aタグ

機能:thead、tfoot、tbodyタグはそれぞれテーブルです。ヘッダー (多くの人は単に th を使用します)、テーマ、下部を使用すると、テーブルをより

セマンティックにすることができ、テーブルのパフォーマンスをより簡単に制御することもできます。海外には、これら 3 つの表を非常に奇妙な方法で使用して、表に続くタイトルを作成したり、本文の高さを固定して余分な行にスクロール バーを表示したりする人がいます。興味があれば、検索するか、ここで実行してください。

使用法:

<table border="1">
  <thead>
    <tr>
        <th>科目</th>
        <th>分数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>语文</td>
      <td>99</td>
    </tr>
    <tr>
      <td>数学</td>
      <td>60</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>总分</td>
      <td>159</td>
    </tr>
  </tfoot>
</table>

2b5469ab79cf842344327415c3b3bb95 タグと e911751791aa3ba95dc724e2fb905976 タグ

機能: 2b5469ab79cf842344327415c3b3bb95 要素は、フォーム内の要素を分類するために使用されます。 this グループはタイトルを定義します。以下のようなレイアウトを見たことがあるはずですどーも! CSS 経由でスタイルを設定することもできます。

使用法:

<form>
  <fieldset>
    <legend>基本信息</legend>
    姓名: <inputtype="text"/> 
    性别: <inputtype="text"/>
  </fieldset></form>

2cdea26b4c3988e37d674b56660962a7 タグと b96cac025db4031319c29e1eb68f19d6 タグ

機能: b96cac025db4031319c29e1eb68f19d6 タグと b96cac025db4031319c29e1eb68f19d6 タグは、パフォーマンスはブラウザごとに異なるため、CSS を使用してスタイルを定義することもできます。


使い方:

<p>2<sup>我是上标</sup></p>
<p>2<sub>我是下标</sub></p>
2e1cf0710519d5598b1f0f14c36ba674Label

機能: ラベル label を使用すると、フォームのクリック領域を拡張してフォームの使いやすさを向上させることができます。次の使用法を見てください: テキストをクリックすることは、ラジコンをクリックすることと同じです。 ユーザー エクスペリエンスは向上しますか?

使用法:

<form>
  <label for="nan">先生</label><input type="radio" name="sex" id="nan"/><br/>
  <label for="nv">女士</label><input type="radio" name="sex" id="nv"/></form>

5b7a15bed8615d1b843806256bebea72 ラベル

機能: ラベルは選択内のオプションをグループ化でき、ドロップダウン項目が多い場合に非常に便利です。 label label to 各グループに名前を付けます。 CSS を使用して、淘宝網などのグループごとに異なる色を定義することもできます。



使用法:

221f08282418e2996498697df914ce4e
  d3a048ff362ae7a238e5716742bbe75ff9479312f1a9ffec0e4647899f397d64
    5a07473c87748fb1bf73f23d45547ab8省内4afa15d3069109ac30911f04c56f3338
    5a07473c87748fb1bf73f23d45547ab8省外4afa15d3069109ac30911f04c56f3338
  bc2752b74169f27a1fb12a4976198c73
  297c837b718f26ba7a43974082f3b7da
    5a07473c87748fb1bf73f23d45547ab8省内4afa15d3069109ac30911f04c56f3338
    5a07473c87748fb1bf73f23d45547ab8省外4afa15d3069109ac30911f04c56f3338
    5a07473c87748fb1bf73f23d45547ab8国外4afa15d3069109ac30911f04c56f3338
  bc2752b74169f27a1fb12a4976198c7318bb6ffaf0152bbe49cd8a3620346341

実行結果:

以上が見落とされているが便利な HTML タグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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