XHTML hat viele nicht häufig verwendet, sondern sehr nützliche Tags. Einige können das doppelte Ergebnis mit der halben Anstrengung erzielen, einige können die Semantik verbessern und andere können die Benutzerfreundlichkeit verbessern. Ich habe einige der Prinzipien zusammengefasst, die nützlich und nützlich sind, was bedeutet, dass die meisten Browser sie unterstützen müssen, sonst wird es nicht als Unterzeichnung gezählt. Wie können Sie das Schild seufzen?
<Base> Tag Wirkung:
HREF: Linkadresse
Ziel: Das Ziel, sein Wert kann _blank, _parent, _self, _top sein und im strengen Modus verwendet werden. Ich habe diese Verwendung auf 163.com zum ersten Mal entdeckt.
Verwendung:<head><!—写在head标签之间--><Basehref = http: //www.qqq.com//> <!-Definieren Sie den Standard-Link als http://www.qq.com/->
<baseTarget = _blank/> <!-Definieren Sie das Standard-Link-Ziel wie geöffnet in einem neuen Fenster->
</head> <Caption> Tag
Funktion: Das Bildunterschrift -Tag wird verwendet, um den Titel der Tabelle zu definieren. Definieren Sie einen Titel für die Tabelle, um zu erklären, wofür die Tabelle ist. Ist es nicht sehr semantisch? Die Bildunterschrift sollte nach der Tabelle geschrieben werden, und der Standardstil ist zentriert und oben in der Tabelle angezeigt. Sie können seinen Stil durch CSS ändern. Verwendung:
<tablewidth=200border=1><Caption> <!-Bildunterschrift sollte nach Tabelle geschrieben werden->
Eigentlich bin ich eine Bildunterschrift
</caption>
<tr>
<td> & nbsp; </td>
<td> & nbsp; </td>
</tr>
<tr>
<td> & nbsp; </td>
<td> & nbsp; </td>
</tr>
</table> <kopf> Tag, <tbody> Tag, <Tfoot> Tag
Funktion: Der Kopf-, TFOOT- und TBODY -Tags sind der Kopf der Tabelle (viele Menschen verwenden nur das Thema), das Thema und unten. Sie können den Tisch semantischer machen und es uns auch ermöglichen, die Leistung des Tisches bequemer zu steuern. Einige Menschen im Ausland verwenden sehr abnormale Methoden, um diese drei Tabellen zu verwenden, um den Titel zu erstellen und der Tabelle zu folgen, oder der TBODY ist in Höhe festgelegt, und die Anzahl der zusätzlichen Zeilen erscheint Scroll -Balken. Wenn Sie interessiert sind, können Sie dies suchen oder tun.
Hinweis: Wenn Sie den Kopf-, Tfoot- und Tbody -Elemente verwenden, müssen Sie alle Elemente verwenden. Ihre Auftrittsreihenfolge lautet: Kopf, Tfoot, Tbody, damit der Browser die Fußzeile rendern kann, bevor er alle Daten empfängt.
Verwendung:
<tableborder=1><kopf>
<tr>
<Th> Betreff </th>
<Th> Score </th>
</tr>
</head>
<tfoot>
<tr>
<td> Gesamtpunktzahl </td>
<td> 159 </td>
</tr>
</tfoot>
<tbody>
<tr>
<td> Chinesisch </td>
<td> 99 </td>
</tr>
<tr>
<td> Mathematik </td>
<td> 60 </td>
</tr>
</tbody>
</table> <fieldset> Tags und <Legend> Tags
Funktion: Das <Fieldset> Element wird verwendet, um Elemente in einem Formular zu klassifizieren, während <Legend> einen Titel für diese Gruppe definieren kann. Sie müssen ein Layout gesehen haben, das dem folgenden Domo ähnelt! Sie können auch Stile durch CSS definieren. Verwendung:
<form><Fieldset>
<Legende> Grundlegende Informationen </legend>
Name: <inputType = text/>
Geschlecht: <inputType = text/>
</fieldset>
</form> <sub> Tags und <sup> Tags
Funktion: Das <Sub> -Tag und <Sub> Tag sind Superscripts bzw. Indexs. Obwohl sie in jedem Browser unterschiedlich abschneiden
Sie können auch mit CSS definiert werden.
Verwendung:
2<sup>我是上标</sup>2 <Sub> Ich bin ein Index </sub> <label> Tags
Funktion: Die Verwendung von Etiketten -Tags kann den Klickbereich des Formulars erweitern, um die Benutzerfreundlichkeit zu verbessern. Werfen wir einen Blick auf die Verwendung unten: Wenn Sie auf Text klicken, ist es gleichwertig, auf eine Single-Choice-Steuerung zu klicken. Wird die Benutzererfahrung besser sein? Verwendung:
<form><labelforn = nan> mr. </label>
<inputType = radioname = sexid = nan/>
<br/>
<labelor = nv> ms. </label>
<inputType = radioname = sexid = nv/>
</form>
<Optgroup> Tag Wirkung: Tags können Gruppenoptionen in Select -Optionen, was sehr nützlich ist, wenn sie Elemente in vielerlei Hinsicht abziehen. Benennung jeder Gruppe mit Etiketten -Tags. Sie können auch verschiedene Farben für jede Gruppe mit CSS wie Taobao definieren. Verwendung:
<select><optGroubelabel = selbstfahrende Tour> <!-Nennen Sie jede Gruppe mit Label-Label->
<OPTION> In-Province </Option>
<option> außerhalb der Provinz </Option>
</optgroup>
<optGroubelabel = Travel Agency>
<OPTION> In-Province </Option>
<option> außerhalb der Provinz </Option>
<OPTION> Fremd </Option>
</optgroup>
</select>
Wenn Sie an mehr XHTML -Tags interessiert sind, können Sie das Buch "Die maßgebliche Anleitung zu HTML und XHTML" lesen und die elektronische Version auch online finden. Ich habe die englische Fotokopie -Version gesehen, obwohl sie auf Englisch ist, ist es nicht allzu schwer zu verstehen.
Wenn Sie andere nützliche Tags kennen, lassen Sie es uns wissen!