5 Tags et attributs HTML cool et pratiques Introduction

En fait, il s'agit également d'un parti titre, et on ne peut pas dire être une émission, mais 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 habituels, donc je me sens très frais. Ensuite, faisons une série et enregistrons toutes les bonnes balises HTML que j'ai rencontrées (peut-être que ce sont des balises HTML5, et il n'est pas garanti que tous les navigateurs seront compatibles).

Il s'agit d'une nouvelle balise ajoutée à HTML5. Vous pouvez essayer de modifier le contenu d'une région, comme le tableau suivant: (Le tableau dans IE ne semble pas prendre en charge cette propriété, mais la div et le corps semblent être pris en charge. Si vous utilisez IE, veuillez essayer de cliquer sur les sections de 100 $ et de 50 $ pour modifier. J'ai ajouté la balise satisfaisante) à ces deux grilles. Si vous n'êtes pas IE, alors tout le contenu doit être inférieur)

<Table ContentEditable = "True"> <egenction> Économies mensuelles </Pection> <Tbody> <Tr> <Th> Mois </th> <th> Économies </ TH> </tr> <Tr> <Td> Janvier </Td> <Td> <div ContentEdIT = "True"> 100 </v> </td> <tr> <td> Février </td> <td> <td> </td> <tr> <td> Février </TD> ContentEdIT = "true"> 50 $ </div> </td> </tbody> </s table>

Notez que ce tableau peut être modifié directement. Nous n'avons pas besoin d'ajouter des zones de texte pour modifier directement le texte. De plus, si la sous-étiquette n'est pas spécifiée, elle est héritée par défaut, donc c'est très pratique. (Bien sûr, si vous ajoutez cet attribut au corps, tout peut être édité, c'est terrible ...)

Cette chose est équivalente au groupe de groupes dans .NET, mais je ne le savais pas au début. Sa fonction est de regrouper les éléments pertinents dans la forme:

<Fieldset> <gend> Index: </gend> <ul> <li> <a href = "#"> Index de tous les articles </a> </li> <li> <a href = "#"> Les choses ont besoin de se réveiller pour aujourd'hui </a> </li> <li> <a href = "#"> SEULDS Nous avons géré pour réveiller </a>

<formul onInput = "x.Value = paSeInt (a.value) + parseInt (B.Value)"> 0 <Type de saisie = "range" id = "a" value = "50"> 100+ <entrée type = "Number" id = "b" value = "50"> = <putprowing name = "x" for = "ab"> </ outpory> </ form> </p> <p> <p> non pris en charge dans Internet Explorer. </p> </form>

<p> N'oubliez pas d'acheter <MARK> Milk </mark> aujourd'hui. </p>

Conseil: vous pouvez d'abord modifier du code, puis l'exécuter

Allons ici aujourd'hui, puis publions-le lorsque vous voyez de bonnes balises HTML et des effets spéciaux.