Die semantischen Elemente im Textinhalt werden normalerweise verwendet, um spezielle Inhaltsfragmente zu beschreiben. Diese semantischen Elemente können verwendet werden, um wichtige Informationen zu markieren, wie z. B. Name, Bewertung, Vorsichtsmaßnahmen, Datum usw.
Die Elemente umfassen: <bdi>, <details>, <summary>, <mark>, <ausgabe>, <Ruby>, <rp>, <Time>, <wbr>, usw.
<BDI>: Mitte ein Inhalt der Textrichtung, die vom übergeordneten Element getrennt ist und die Standardtextrichtung des Systems verwendet.
<details>: Es wird verwendet, um die Details des Dokuments zu beschreiben.
<summary>: Der Titel des <Detail> -Elements wird gekennzeichnet.
<Mark>: Lalatieren Sie den auffälligsten Text.
<ausgabe>: Markieren Sie einen Bereich, in dem der Inhalt in Zukunft gefüllt wird.
<Ruby>: Marknotizen (chinesischer Phonetik oder Charakter).
<rt>: Definieren Sie im Element <Ruby>, definieren Sie die Interpretation oder Aussprache von Zeichen (chinesischer phonetischer oder Zeichen).
<rp>: Im Element <Ruby> wird der vom Browser angezeigte Inhalt, der Ruby -Elemente nicht unterstützt, definiert.
<Time>: Licht oder Zeit.
<WBR>: Es ist gekennzeichnet, dass ein Wort geändert wird, wenn der nachfolgende Raum nicht berücksichtigt werden kann.
EinstufungDie IE -Browserversionen jeder Version dieser Elemente sind unterschiedlich.
IE -Unterstützung: <mark>, <ausgabe>, <Ruby>, <rt>, <rp>, <Time>.
IE unterstützt nicht: <bdi>, <details>, <summary>, <wbr>.
Dh UnterstützungDer IE -Browser unterstützt Elemente, die auch im Chrome -Browser unterstützt werden.
Einschließlich: <mark>, <ausgabe>, <Ruby>, <rt>, <rp>, <Time>.
<Mark>: Beschriften Sie den prominenten TextDie niedrigste Version des Browsers: dh 9, Chrome 26
Verwenden Sie das Szenario: wichtige Inhalte.
Beispiel:
<p> Die Hauptstadt Chinas ist <Mark> Peking </mark> </p><ausgabe>: Markieren Sie einen Bereich, in dem der Inhalt in Zukunft gefüllt wird
Die niedrigste Version des Browsers: dh 9, Chrome 33
Szenario verwenden: Zeigen Sie einen Bereich der Berechnungsergebnisse an, JavaScript -Rückgabewert usw.
Eigentum:
Für: zugeordnete Element -ID. Wenn es mehrere, getrennt im Raum gibt.
Form: Zugeordnete Formular -ID. Wenn Sie sich in Form eines Formulars befinden, müssen Sie dieses Attribut nicht zuweisen.
Beispiel:
<Formular ID = Form Eingabe = result.value = userername<Ruby>, <rt>, <rp>: Hinweis (chinesischer phonetischer oder chinesischer Charakter)
<Ruby>: Marknotizen (chinesischer Phonetik oder Charakter).
<rt>: Definieren Sie im Element <Ruby>, definieren Sie die Interpretation oder Aussprache von Zeichen (chinesischer phonetischer oder Zeichen).
<rp>: Im Element <Ruby> wird der vom Browser angezeigte Inhalt, der Ruby -Elemente nicht unterstützt, definiert.
Die niedrigste Version des Browsers: dh 5, Chrome 5
Verwenden Sie das Szenario: Chinesischer Pinyin, japanisches Pseudonym.
Beispiel:
<h5> chinesisches Pinyin </h5> <p> <Rub> Zhong </rt> Guo <rt> Guo </rt> </p> <h5> Japanischer falscher Name </h5> <p> <Ruby> Han <rt> か ん </rt> Wörter <rt> じ </rt> </ruby> </p><Time>: Beschriftungsdatum oder Uhrzeit
Die niedrigste Version des Browsers: dh 9, Chrome 33
Verwenden Sie Szenarien: Nachrichten und Blog -Veröffentlichungsdatum.
Beispiel:
Erstellungsdatum: <TimedAtetime = 2016-04-15T12: 30> 2016/04/15 12:30 </time>
Eigentum:
DateTime {DateTime}: Setzen Sie das Datum und die Uhrzeit dieses Elements. Das Format von <Time> Das Format des Element -Anzeigedatums ist vielfältig. .
Beispiel:
<p> Erstellungsdatum: <Time DateTime = 2016-04-15 12:30> 2016/04/15 12:30 </time> </p> <p> Erstellungsdatum: <Time DateTime = 2016-04-15 12:30> Vor 30 Minuten </Zeit> </p> <p> Erstellungsdatum: <Time DateTime = 2016-04-15 12:30> 15. April </time> </p>IE unterstützt nicht
Die ungeeigneten Elemente des IE -Browsers wurden auch im Chrome -Browser unterstützt.
Einschließlich: <bdi>, <details>, <summary>, <wbr>.
<bdi>: markiert einen Abschnitt des Inhalts des Textes des übergeordneten Elements und übernahm die Standardtextrichtung des SystemsDie niedrigste Version des Browsers: IE unterstützt nicht, Chrome 16
Szene verwenden: Arabisch, Persisch usw.
<p> Div -Anzeige -Textrichtung: RTL </p> <Div DIV = RTL> <p> Die Hauptstadt Chinas ist Peking! > </div><summary>, <details>: Markieren Sie den erweiterten und geschlossenen Inhaltsblock
<details>: Es wird verwendet, um die Details des Dokuments zu beschreiben.
<summary>: Der Titel, der das Element <details> enthält.
Die niedrigste Version des Browsers: IE unterstützt nicht, Chrome 12
Verwenden Sie Szene: Produktdetails, Dokumentdetails.
Beispiel:
<summary> 2016-04-18 Wetterbedingungen <details> <p> Sunny-Kurven wolkig </p> <p> 13 ~ 25 ° </p> </details> </summary><WBR>: Markieren Sie ein Wort, wenn der nachfolgende Raum nicht vollständig toleriert werden kann
Die niedrigste Version des Browsers: IE unterstützt nicht, Chrome 1
Verwenden Sie Szene: Länger englische Wörter.
Beispiel:
<h5> Ausschluss von WBR -Elementen: </h5> <p> Netscape namens LivesScript in der ursprünglichen Skriptsprache und später Netscape in JavaScript umbenannt, nachdem er mit Sun zusammengearbeitet hatte. </p> <h5> enthält WBR -Elemente: </h5> <p> Netscape namens LivesScript in der ursprünglichen Skriptsprache und später Netscape in Java <WBR> -Skript umbenannt, nachdem er mit Sun zusammengearbeitet hatte. </p>
Das oben genannte ist der Inhalt dieses Artikels.