ホームページ > 記事 > ウェブフロントエンド > 見落とされているが便利な HTML タグ
見落とされているが便利な HTML タグ
- 高洛峰オリジナル
- 2017-03-12 17:30:481487ブラウズ
この記事では、無視されていますが非常に便利な 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 タグ
使用法:
<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>
機能: 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 サイトの他の関連記事を参照してください。