Maison  >  Article  >  interface Web  >  Balises HTML négligées mais utiles

Balises HTML négligées mais utiles

高洛峰
高洛峰original
2017-03-12 17:30:481498parcourir

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

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

63bd76834ec05ac1f4c0ebbeaafb0994

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

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 ae20bdd317918ca68efdc799512a9b39, balise 06669983c3badb677f993a8c29d18845 🎜>

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>
, 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 2b5469ab79cf842344327415c3b3bb95 et balise e911751791aa3ba95dc724e2fb905976 🎜>Fonction : L'élément 2b5469ab79cf842344327415c3b3bb95 est utilisé pour classer les éléments dans le formulaire, tandis que e911751791aa3ba95dc724e2fb905976 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>

balise 2cdea26b4c3988e37d674b56660962a7 et balise b96cac025db4031319c29e1eb68f19d6 🎜>

Fonction : la balise b96cac025db4031319c29e1eb68f19d6 et la balise b96cac025db4031319c29e1eb68f19d6 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>
2e1cf0710519d5598b1f0f14c36ba674 É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>


5b7a15bed8615d1b843806256bebea72 🎜>

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>



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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn