Balises HTML négligées mais utiles-tutoriel HTML-php.cn

Balises HTML négligées mais utiles

高洛峰

Libérer： 2017-03-12 17:30:48

original

1537 Les gens l'ont consulté

Cet article présente la balise html ignorée mais utile

Fonction : la balise spécifie l'adresse du lien par défaut ou la cible du lien pour tous les liens de la page. Parfois, nous devons ouvrir tous les liens de la page d'accueil dans une nouvelle fenêtre. Nous écrivons généralement les liens comme ceci, mais l'utilisation de cette balise peut le faire en même temps !

Attributs

: Href : adresse du lien cible : cible, sa valeur peut être _blank, _parent, _self, _

top, oui Utilisé dans modes autres que Strict. Utilisation :

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

Copier après la connexion

Fonction : balise de légende Utilisé pour définir le titre du table Définir un titre pour le tableau pour expliquer ce que fait le tableau. N'est-ce pas très « sémantique » ? La légende doit être écrite après le tableau. affichez-le au centre du tableau. Vous pouvez changer son style via CSS.

Utilisation :

balise , balise 🎜>

Fonction : les balises Thead, tfoot et tbody sont comme leurs noms, elles sont respectivement la tête de la table (beaucoup de gens utilisent simplement th), le thème et le bas. Elles peuvent rendre la table plus <. 🎜> sémantique Tout en changeant

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

Copier après la connexion

, cela nous permet également de contrôler plus facilement les performances de la table. Il y a des gens à l'étranger qui utilisent ces trois tableaux de manière très étrange pour créer des titres qui suivent le tableau, ou le corps a une hauteur fixe et des barres de défilement apparaissent pour les lignes supplémentaires. Si vous êtes intéressé, vous pouvez le rechercher ou le faire ici.

Utilisation :

balise

et balise 🎜>Fonction : L'élément

est utilisé pour classer les éléments dans le formulaire, tandis que peut définir un titre pour ce groupe. Vous devez avoir vu une mise en page similaire au domo ci-dessous ! Ils peuvent également être stylisés via CSS.

Utilisation :

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

Copier après la connexion

balise ^{et balise _🎜>}

Fonction : la balise _{et la balise _{sont respectivement en exposant et en indice. Bien qu'elles se comportent différemment selon les navigateurs, vous pouvez également utiliser CSS pour définir leurs styles.
Utilisation :
<form>
<fieldset>
<legend>基本信息</legend>
姓名: <inputtype="text"/>
性别: <inputtype="text"/>
</fieldset></form>
Copier après la connexion
Étiquette
Fonction :label L'utilisation de label peut étendre la zone de clic du formulaire pour améliorer la convivialité du formulaire. Jetez un œil à l'utilisation suivante : cliquer sur du texte équivaut à cliquer sur une radiocommande. L'expérience utilisateur sera-t-elle meilleure ?
Utilisation :
<p>2<sup>我是上标</sup></p>
<p>2<sub>我是下标</sub></p>
Copier après la connexion

🎜>
Fonction : Les étiquettes peuvent regrouper les options dans la sélection. Ceci est très utile lorsqu'il existe de nombreux éléments déroulants. Utilisez l'étiquette d'étiquette pour nommer chaque groupe. Vous pouvez également utiliser CSS pour définir des couleurs différentes pour chaque groupe comme Taobao.
Utilisation :
<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>
Copier après la connexion

Résultat d'exécution :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!}}