Introduction à 5 balises et attributs HTML sympas et pratiques_HTML/Xhtml_Webpage Production

En fait, c'est aussi un titre, et on ne peut pas dire qu'il soit "éblouissant". C'est juste parce que je suis ignorant et que je n'ai jamais vu ces étiquettes. Ces fonctionnalités ne sont pas très courantes sur les sites Web normaux, donc cela me semble très nouveau. Ensuite, je créerai une série pour enregistrer toutes les bonnes balises HTML que j'ai rencontrées (peut-être des balises HTML5, il n'y a aucune garantie que tous les navigateurs seront compatibles).

1. contenteditable

Il s'agit d'une nouvelle balise en HTML5, qui permet d'éditer le contenu d'une zone, comme le tableau suivant : (Le tableau dans IE ne semble pas supporter cet attribut, mais div et body semblent le supporter. Si vous utilisez IE, essayez de cliquer sur les parties à 100 $ et 50 $ à modifier. J'ai ajouté des balises contenteditable à ces deux cases. Si vous n'êtes pas IE, tout le contenu doit être modifiable)

.

<table border="2" contenteditable="true"> <légende>Économies mensuelles</légende> <corps> <tr> <th>Mois</th> <th>Épargne</th> ≪/tr> <tr> <td>janvier</td> <td> <div contenteditable="true">100 $</div> </td> ≪/tr> <tr> <td>février</td> <td> <div contenteditable="true"> 50 $</div> </td> ≪/tr> </tcorps> </table>

Astuce : Vous pouvez modifier une partie du code avant d'exécuter

Notez que ce tableau est directement modifiable. On peut directement changer le texte sans ajouter de zone de texte, et si la sous-balise ne précise pas cet attribut, il sera hérité par défaut, c'est donc très pratique. . (Bien sûr, si vous ajoutez cet attribut au corps, tout peut être modifié, ce qui fait vraiment peur...)

2. Balise de jeu de champs

Cette chose est équivalente à la GroupBox dans .NET, mais je ne la connaissais pas. Sa fonction est de regrouper les éléments liés sous la forme :

.

Index :

• Index de tous les articles
• Les choses dont les moutons doivent se réveiller pour aujourd'hui
• Mouton que nous avons réussi à réveiller

Astuce : Vous pouvez modifier une partie du code avant d'exécuter

La balise

legend précise le titre de cette BOX.

3. Balise de zone

Un hyperlien peut être placé directement sur une zone précise de l'image ! Faites simplement correspondre la balise map et l'attribut usemap de img (notez qu'après avoir cliqué sur l'image pour accéder à d'autres pages, n'oubliez pas de revenir ^_^) :

Astuce : Vous pouvez modifier une partie du code avant d'exécuter

4. output标签

这个标签能够直接显示脚本的运算结果（注意：目前IE的任何版本都不支持），以下脚本似乎不工作，可能是因为WP的原因所致：

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 <input type="range" id="a" value="50">100 +<input type="number" id="b" value="50"> =<output name="x" for="a b"></output> </form></p> <p><p><strong>Note:</strong> The output tag is not supported in Internet Explorer.</p> </form>
提示：您可以先修改部分代码再运行

5. mark标签

直接能够高亮一段文字，不需要把文字拆开即可实现：

<p>Do not forget to buy <mark>milk</mark> today.</p>
提示：您可以先修改部分代码再运行

今天先到这吧，以后看到好的HTML标签和特效再贴上来。