Heim > Artikel > Web-Frontend > Übersehene, aber nützliche HTML-Tags
Übersehene, aber nützliche HTML-Tags
- 高洛峰Original
- 2017-03-12 17:30:481498Durchsuche
In diesem Artikel wird das ignorierte, aber nützliche html-Tag vorgestellt
dde6fb694e6711ae5e6f381704c04ae4-Tag
Funktion: Das Tag gibt die Standard-Linkadresse oder das Linkziel für alle Links auf der Seite an. Manchmal müssen wir dafür sorgen, dass alle Links auf der Homepage in einem neuen Fenster geöffnet werden. Normalerweise schreiben wir die Links so, aber mit diesem Tag geht das auf einmal!
Attribute: Href: Linkadresse Ziel: Ziel, sein Wert kann _blank, _parent, _self, _top, ja sein. Wird verwendet in andere Modi als Strict.
Verwendung:
<head><!—写在head标签之间--> <base href="http://www.qq.com/"/> <!—将默认链接定义为http://www.qq.com/--> <base target="_blank"/> <!—将默认链接目标定义为新窗口中打开--> </head> <body> <a href="#">我可没写链接地址哦</a> </body>
63bd76834ec05ac1f4c0ebbeaafb0994 Tag
Funktion: Beschriftungs-Tag Wird verwendet, um den Titel der Tabelle zu definieren. Ist die Überschrift nicht sehr „semantisch“? um es in der Mitte der Tabelle anzuzeigen. Sie können den Stil per CSS ändern.
Verwendung:
<table width="200" border="1"> <caption><!--caption应该写在table之后--> 其实我是caption </caption> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table>
ae20bdd317918ca68efdc799512a9b39-Tag, 06669983c3badb677f993a8c29d18845-Tag
Funktion: Die Tags „Thead“, „tfoot“ und „tbody“ sind genau wie ihre Namen, sie sind der Kopf der Tabelle (viele Leute verwenden nur „th“), das Thema bzw. das Ende. Sie können die Tabelle mehr machen 🎜> semantisch Durch die Änderung von können wir auch die Leistung der Tabelle bequemer steuern. Es gibt Leute im Ausland, die diese drei Tabellen auf sehr seltsame Weise verwenden, um Titel zu erstellen, die der Tabelle folgen, oder der Tbody hat eine feste Höhe und Bildlaufleisten erscheinen in den zusätzlichen Zeilen. Wenn Sie interessiert sind, können Sie danach suchen oder es hier tun.
Verwendung:<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-Tag und e911751791aa3ba95dc724e2fb905976-Tag Funktion: Das Element 2b5469ab79cf842344327415c3b3bb95 wird zur Klassifizierung von Elementen im Formular verwendet, während e911751791aa3ba95dc724e2fb905976 einen Titel für diese Gruppe definieren kann. Sie müssen ein Layout gesehen haben, das dem Domo unten ähnelt! Sie können auch per CSS gestaltet werden.
Verwendung:
2cdea26b4c3988e37d674b56660962a7-Tag und b96cac025db4031319c29e1eb68f19d6-Tag
<form>
<fieldset>
<legend>基本信息</legend>
姓名: <inputtype="text"/>
性别: <inputtype="text"/>
</fieldset></form>Funktion: Das b96cac025db4031319c29e1eb68f19d6-Tag und das b96cac025db4031319c29e1eb68f19d6-Tag verhalten sich in verschiedenen Browsern unterschiedlich, Sie können jedoch auch CSS verwenden, um ihre Stile zu definieren.
Verwendung:
2e1cf0710519d5598b1f0f14c36ba674 Label
<p>2<sup>我是上标</sup></p> <p>2<sub>我是下标</sub></p>
Funktion :label Durch die Verwendung von label kann der Klickbereich des Formulars erweitert werden, um die Benutzerfreundlichkeit des Formulars zu verbessern. Schauen Sie sich die folgende Verwendung an: Das Klicken auf Text entspricht dem Klicken auf eine Funksteuerung. Wird die Benutzererfahrung besser sein?
Verwendung:
<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 🎜>
Funktion: Beschriftungen können die Optionen in der Auswahl gruppieren. Dies ist sehr nützlich, wenn es viele Dropdown-Elemente gibt. Verwenden Sie das Beschriftungs-Tag, um jede Gruppe zu benennen. Sie können CSS auch verwenden, um wie bei Taobao unterschiedliche Farben für jede Gruppe zu definieren.
Verwendung:
Laufergebnis:
221f08282418e2996498697df914ce4e d3a048ff362ae7a238e5716742bbe75ff9479312f1a9ffec0e4647899f397d64 5a07473c87748fb1bf73f23d45547ab8省内4afa15d3069109ac30911f04c56f3338 5a07473c87748fb1bf73f23d45547ab8省外4afa15d3069109ac30911f04c56f3338 bc2752b74169f27a1fb12a4976198c73 297c837b718f26ba7a43974082f3b7da 5a07473c87748fb1bf73f23d45547ab8省内4afa15d3069109ac30911f04c56f3338 5a07473c87748fb1bf73f23d45547ab8省外4afa15d3069109ac30911f04c56f3338 5a07473c87748fb1bf73f23d45547ab8国外4afa15d3069109ac30911f04c56f3338 bc2752b74169f27a1fb12a4976198c7318bb6ffaf0152bbe49cd8a3620346341
Das obige ist der detaillierte Inhalt vonÜbersehene, aber nützliche HTML-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!