Übersehene, aber nützliche HTML-Tags-HTML-Tutorial-php.cn

Übersehene, aber nützliche HTML-Tags

高洛峰

Freigeben： 2017-03-12 17:30:48

Original

1526 Leute haben es durchsucht

In diesem Artikel wird das ignorierte, aber nützliche html-Tag vorgestellt

-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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

-Tag, -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>

Nach dem Login kopieren

-Tag und -Tag

Funktion: Das Element

wird zur Klassifizierung von Elementen im Formular verwendet, während 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:

^{-Tag und _{-Tag <form>
<fieldset>
<legend>基本信息</legend>
姓名: <inputtype="text"/>
性别: <inputtype="text"/>
</fieldset></form>
Nach dem Login kopieren
Funktion: Das _{-Tag und das _{-Tag verhalten sich in verschiedenen Browsern unterschiedlich, Sie können jedoch auch CSS verwenden, um ihre Stile zu definieren.}}
Verwendung:
Label
<p>2<sup>我是上标</sup></p>
<p>2<sub>我是下标</sub></p>
Nach dem Login kopieren
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>
Nach dem Login kopieren

🎜>
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:
<select>
<optgroup label="自驾游">
<option>省内</option>
<option>省外</option>
</optgroup>
<optgroup label="旅行社">
<option>省内</option>
<option>省外</option>
<option>国外</option>
</optgroup></select>
Nach dem Login kopieren

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!}}