Les éléments sémantiques du contenu texte sont généralement utilisés pour décrire des fragments de contenu spéciaux. Ces éléments sémantiques peuvent être utilisés pour marquer des informations importantes, telles que: nom, évaluation, précautions, date, etc.
Les éléments incluent: <bdi>, <sthoard>, <summary>, <mark>, <putput>, <roby>, <rp>, <mef>, <wbr>, etc.
<bdi>: Milieu un contenu de la direction texte séparée de l'élément parent et utilise la direction texte par défaut du système.
<Dethets>: Il est utilisé pour décrire les détails du document.
<Summary>: Le titre de l'élément <Dettel> est marqué.
<Mark>: Lalate le texte qui est proéminent.
<Output>: Marquez une zone où le contenu sera rempli à l'avenir.
<Ruby>: Mark Notes (phonétique ou caractère chinois).
<rt>: Utiliser dans l'élément <Ruby>, définir l'interprétation ou la prononciation des caractères (phonétique ou caractère chinois).
<RP>: Dans l'élément <Ruby>, le contenu affiché par le navigateur qui ne prend pas en charge les éléments Ruby est défini.
<Time>: Lumière ou temps.
<WBR>: Il est marqué qu'un mot est modifié lorsque l'espace suivant ne peut pas être logé.
ClassificationIE Les versions du navigateur de chaque version de ces éléments sont différentes.
IE prend en charge: <MARK>, <Output>, <Ruby>, <rt>, <RP>, <meft>.
IE ne prend pas en charge: <BDI>, <faits>, <summary>, <WBR>.
IE SupportLe navigateur IE prend en charge les éléments, qui est également pris en charge dans le navigateur Chrome.
Y compris: <mark>, <putput>, <bby>, <rt>, <RP>, <meft>.
<Mark>: Étiquetez le texte qui est proéminentLa version la plus basse du navigateur: IE 9, Chrome 26
Utilisez un scénario: contenu important.
Exemple:
<p> La capitale de la Chine est <Mark> Pékin </mark> </p><Output>: Marquez une zone où le contenu sera rempli à l'avenir
La version la plus basse du navigateur: IE 9, Chrome 33
Utilisez le scénario: montrez une zone de résultats de calcul, une valeur de retour JavaScript, etc.
propriété:
Pour: ID d'élément associé. S'il y a plusieurs, séparés dans l'espace.
Formulaire: ID de formulaire associé. Si vous êtes sous forme de formulaire, vous n'avez pas besoin d'attribuer cet attribut.
Exemple:
<Form id = form lunpt = result.value = username.value> <input type = text name = username /> <output name = result> </ form><Ruby>, <rt>, <RP>: Remarque (phonétique ou caractère chinois)
<Ruby>: Mark Notes (phonétique ou caractère chinois).
<rt>: Utiliser dans l'élément <Ruby>, définir l'interprétation ou la prononciation des caractères (phonétique ou caractère chinois).
<RP>: Dans l'élément <Ruby>, le contenu affiché par le navigateur qui ne prend pas en charge les éléments Ruby est défini.
La version la plus basse du navigateur: IE 5, Chrome 5
Utilisez un scénario: Pinyin chinois, pseudonyme japonais.
Exemple:
<h5> Pinyin chinois </h5> <p> <brouch> zhong </rt> guo <rt> guo </rt> </p> <h5> japonais faux nom </h5> <p> <ruby> han <rt> か ん </rt> Mots <rt> じ </rt> </bby> </p><Temps>: Date ou heure de l'étiquette
La version la plus basse du navigateur: IE 9, Chrome 33
Utilisez des scénarios: Date de publication de nouvelles et de blogs.
Exemple:
Date de création: <TimeDatetime = 2016-04-15t12: 30> 2016/04/15 12:30 </Time>
propriété:
DateTime {DateTime}: définissez la date et l'heure de cet élément. Le format de <Time> Le format de la date d'affichage de l'élément est diversifié. .
Exemple:
<p> Date de création: <Heure DateTime = 2016-04-15 12:30> 2016/04/15 12:30 </ Time> </p> <p> Date de création: <Time DateTime = 2016-04-15 12:30> Il y a 30 minutes </Time> </p> <p> Date de création: <Time DateTime = 2016-04-15 12:30> 15 avril </Time> </p>IE ne prend pas en charge
Les éléments inadaptés du navigateur IE ont également été pris en charge dans le navigateur Chrome.
Y compris: <bdi>, <sthoard>, <summary>, <WBR>.
<bdi>: a marqué une section du contenu du texte de l'élément parent et a adopté la direction texte par défaut du systèmeLa version la plus basse du navigateur: IE ne prend pas en charge, Chrome 16
Utiliser la scène: arabe, persan, etc.
<p> Div Afficher la direction du texte: rtl </p> <div dir = rtl> <p> La capitale de la Chine est Beijing! > </div><Summary>, <Detthes>: Marquez le bloc de contenu élargi et fermé
<Dethets>: Il est utilisé pour décrire les détails du document.
<Summary>: Le titre contenant l'élément <Detters>.
La version la plus basse du navigateur: IE ne prend pas en charge, Chrome 12
Utilisez la scène: détails du produit, détails des documents.
Exemple:
<Summary> 2016-04-18 Conditions météorologiques <Dethets> <p> Sunny tourne nuageux </p> <p> 13 ~ 25 ° </p> </fetthets> </summary><WBR>: Marquez un mot lorsque l'espace suivant ne peut pas être complètement toléré
La version la plus basse du navigateur: IE ne prend pas en charge, Chrome 1
Utilisez la scène: des mots anglais plus longs.
Exemple:
<h5> Exclusion des éléments WBR: </h5> <p> netscape nommé Livescript dans le langage du script original, et plus tard netscape l'a renommé javascript après avoir coopéré avec Sun. </p> <h5> contient des éléments WBR: </h5> <p> netscape nommé Livescript dans la langue du script original, et plus tard netscape l'a renommé java <wbr> après avoir coopéré avec le soleil. </p>
Ce qui précède est tout le contenu de cet article.