In der HTML5 -Spezifikation heißt es deutlich, dass die Verwendung von Elementen vollständig aus der Semantik des Elements stammen sollte. Einige dieser Elemente sind jedoch sehr klar, einige sind vage. In Bezug auf die Verwendung von Elementen ist es am besten, es CSS zu geben, um sich darum zu kümmern, aber dies ist nicht absolut.
Hyperlink erzeugenDas A -Element wird verwendet, um einen Hyperlink zu erzeugen.
1) HREF: Geben Sie die URL der im A -Element genannten Ressource an;
2) HREFLANG: Erklären Sie die Sprache, die die von Ihnen verlinkten Ressourcen verwendet haben.
3) Medien: Erklären Sie, welches Gerät für verknüpfte Ressourcen verwendet wird, und die Medienattribute des Stilelements.
4) REL: Erläutern Sie die Beziehung zwischen dem Dokument und den Link -Ressourcen und den Rel -Attributen des Link -Elements;
5) Ziel: Geben Sie die Browsing -Umgebung zum Öffnen der von Ihnen verlinkten Links an.
6) Typ: Erläutern Sie den MIME -Typ (z. B. Text/HTML).
Erstellen Sie einen Super -Link nach außen<body> Ich mag <a href = http: //en.widipedia.org/wiki/apples> apples </a> und <a href = http: //en.wikipeida.org/wiki/orange_ (aus)> Orangen </a>
Die am häufigsten verwendeten Protokolle in der URL sind HTTP, aber der Browser unterstützt auch andere Protokolle wie: HTTPS und FTP. Wenn Sie eine E -Mail -Adresse angeben möchten, können Sie das Mailto -Protokoll verwenden, z. B. mailto: [email protected].
Verwenden Sie relativ URL<body> ...... Sie können den anderen aus der <a href = fruitlist.html> hier sehen </a>
Standardmäßig geht der Browser davon aus, dass sich die Zielressourcen an derselben Position wie das aktuelle Dokument befinden, aber er kann durch die Bereitstellung einer grundlegenden URL durch das Basiselement geändert werden.
Generieren Sie interne HyperlinksDiese Methode wird verwendet, um ein anderes Element im einheitlichen Dokument in das Sichtfeld zu verschieben.
<body> ...... Sie können aus Früchten sehen. <a href =#fruits> Hier </a>. , Pfirsiche und Trauben
Wenn der Benutzer auf den Link klickt, rollt das Dokument zu dem Ort, an dem die ID als Früchteelement angesehen werden kann.
Stellen Sie die Browserumgebung einDas Zielattribut wird verwendet, um die Hoffnung des Browsers zu ermitteln, die von Ihnen verlinkten Ressourcen anzuzeigen. Standardmäßig verwendet der Browser das Fenster, die Registerkarte oder das Fensterbild des aktuellen Dokuments, sodass das neue Dokument das jetzt angezeigte Dokument ersetzt. Sie können jedoch andere Werte festlegen:
1) _blank: Öffnen Sie das Dokument im neuen Fenster oder der Registerkarte;
2) _PARENT: Öffnen Sie das Dokument in Frameset;
3) selbst: Öffnen Sie das Dokument im aktuellen Fenster (Standard);
4) _top: Öffnen Sie das Dokument im oberen Fenster;
5) <Reframe>: Öffnen Sie das Dokument im angegebenen Fensterrahmen.
Lassen Sie den Rahmen durch ein Beispiel verstehen. Unter der Annahme des Code im testframe.html -Dokument lautet wie folgt:
<html> <Frameset Color = 50%, 50%> <Frame Src = test.html /> <Frame Name = Frame1 /> < /Frameset> < /html>
Hier wird ein Frameset definiert, der zwei Frames mit einer halben Breite enthält. Der Inhalt von test.html lautet wie folgt:
<! > </> head> <body> <a i mag <b> apples </b> und <b> orange </b>
Der Standardstil des B -Elements ist dick.
EM ElementEM -Elemente stellen einen Schwerpunkt auf einen Absatz dar, der verwendet werden kann, um den Lesern einen Kontext von Sätzen oder Absätzen zu bieten.
<body> <em> i </em> wie <b> apples </b> und <b> orange </b>
Die Gewohnheit des EM -Elements ist schräg. In diesem Beispiel wird ich zu Beginn des Satzes betont.
I ElementIch Elemente zeigen an, dass sich ein Textabsatz im Wesentlichen von dem umgebenden Inhalt unterscheidet, der häufig in fremden Worten, technologischen Begriffen und sogar in den Gedanken von jemandem verwendet wird.
<body> <em> i </em> wie <b> Äpfel </b> und <b> orange </b>. >
Die Gewohnheit des I -Elements ist schräg, genau wie das EM -Element.
S ElementDas S -Element wird verwendet, um anzuzeigen, dass ein Absatz nicht mehr korrekt oder genau ist.
<body> <em> i </em> wie <b> Äpfel </b> und <b> orange </b>. > Orangen in meinem örtlichen Geschäft <s> $ 1 Eanch </S> $ 2 für 3./body>Starkes Element
Starkes Element repräsentiert einen wichtigen Text.
<body> Ich mag Äpfel und Orange.
Der Stil des starken Elements ist das gleiche wie das B -Element.
U ElementDas U -Element macht einen Absatz des Textes, der aus dem umgebenden Inhalt hervorgehoben wird, aber es bedeutet nicht, dass es betont oder seine Bedeutung zugenommen hat. Der Effekt besteht darin, dem Text eine Zeile hinzuzufügen.
<body> Ich mag Äpfel und Orange.
Da die Gewohnheiten des U -Elements dem A -Element ähnlich sind, um Verwirrung zu verhindern, sollte das U -Element so weit wie möglich vermieden werden.
Kleines ElementHTML5 verwendet die angegebenen Regeln für kleine Etiketten und umfasst normalerweise Aussagen, Vorsichtsmaßnahmen, rechtliche Beschränkungen, Urheberrechtsinformationen usw. Manchmal kann es verwendet werden, um die Signatur auszudrücken oder die Lizenzanforderungen zu erfüllen.
<Body> <p> Jetzt bestellen, um kostenlosen Versand zu erhalten Der Super Store.
HINWEIS: Small ist nur für Phrasen geeignet.
Sub- und SupelementeSub- und Supelemente werden verwendet, um das Abonnement bzw. Subventionen anzugeben.
<body> Der Punkt x <Sub> 10 </sub> ist der 10 <sup> th </sup> Punkt
Ändern
Es gibt zwei Elemente, mit denen der Inhalt gesteuert werden kann: Br- und WBR -Elemente.
BR -ElementBR -Elemente führen zu einer Änderung der Zeilen.
<body> Ich bin einsam wie eine Wolke <br/>, die auf hohen 0'er -Tälen und Hügeln schwimmt, <br/> Wenn alles auf einer Menge, <br> ein Wirt, von goldenen Narzissen;WBR -Element
HTML5 wird hinzugefügt, um den Inhalt des aktuellen Browser -Fensters für die Resedierung zu ermöglichen.
<body> Dies ist ein sehr langes Wort: Super <WBR> CalifraGilistic <WBR> expialidocious
Wenn das WBR -Element nicht verwendet wird, behandelt der Browser die langen Wörter als Ganzes und das WBR -Element wird verwendet, und der Browser kann es beim Vorschlag ändern. Die Verwendung von WBR -Elementen besteht darin, dem Browser ein Wort zu sagen, das am besten geeignet ist.
Repräsentiert Eingang und Ausgabe1) Code: Angeben Sie Computercodefragment an
2) var: Im Programmierkontext bedeutet dies die Variable und kann auch darauf hinweisen, dass ein Leser einen bestimmten Ort in der Imagination einfügt
3) Samp: Repräsentiert die Ausgabe des Programms oder des Computersystems
4) KBD: Zeigt die Benutzereingabe an
<Body> <p> <Code> var fruits = [Äpfel, Orange, Mangos, Kirschen]; Die Variable in diesem Exmple ist <var> Früchte </var> </p> <p> Die Ausgabe aus dem Code lautet: <Samp> Ich mag 4 Früchte </samp> </p> <p>, wenn er für meine aufgefordert wird Lieblingsfrucht, tippte ich: <kbd> Kirschen </kbd> </body>Verwenden Sie Titelreferenz, Zitat, Definition und Abkürzung ABBR -Element
Ausdrücken Sie die Abkürzung, ihr Titelattribut repräsentiert das vollständige Wort, das die Abkürzung darstellt.
<body> Ich mag Äpfel und Orangen.
Dieses Element ist nicht an das Stil gewöhnt, daher sieht sein Inhalt nicht besonders aus.
Q -ElementRepräsentiert den Inhalt von ihm. Das Zitatattribut des Q -Elements kann verwendet werden, um die URL des Quellartikels anzugeben.
<body> <p> <q cite = http: //en.wikipedia.org/wiki/apple> Die <dfn </p> </body>
Die Gewohnheit des Q -Elements besteht darin, Zitate vor und nach dem Zitat zu generieren.
Element zitierenRepräsentiert den Titel der zitierten Arbeit.
<body> Mein Lieblingsbuch über Früchte ist <Cite> Frucht: essbar, ungenießbar, unglaublich </cite> von Stuppy & Kesseler </body>
Seine Gewohnheit ist schräg.
Sprachelement Ruby-, RT- und RP -ElementeDas Ruby -Element repräsentiert ein phonetisches Symbol, das mit RT -Elementen und RP -Elementen verwendet werden muss
<body> <ruby> 魑 <rp> (</rp> <rt> chi </rt> <rp>) </rp> </ruby> <rp> (</rp> <rt> mei </rt > <rp>) </rp> </ruby> </body>
Wenn der Browser, der ein phonetisches Symbol anzeigt, wird das RP -Element und sein Inhalt ignoriert und der Inhalt des RT -Elements als phonetisches Symbol angezeigt. Das Dokument wird in einem Browser angezeigt, der kein phonetisches Symbol unterstützt, und der Inhalt von RP- und RT -Elementen wird angezeigt.
BDO -ElementEs wird verwendet, um die Richtung der chinesischen Zeichen zu setzen. BDO -Elemente müssen mit DIR -Attributen hinzugefügt werden, und der Unterstützungswert ist: 1) RTL (von rechts nach links);
<body> <p> Dies ist links nach rechts: <Bdo Dir = ltr> Ich mag Orangen </bdo> </p> <p> Dies ist rechte Seo-sele-Orangen </bdo> </p> </body>Andere Textelemente Spannelement
Es gibt keine Bedeutung selbst und es wird normalerweise verwendet, um einige globale Attribute auf einen Absatz anzuwenden.
<body> Ich mag <spann Class = Fruit> Äpfel </span> und <span class = fruit> orange </span>markieren Element
HTML5 wird hinzugefügt, wodurch ein Absatz angezeigt wird, der aufgrund eines bestimmten Kontextes prominent angezeigt wird.
<body> <p> Ich werde ein <mark> Paar </marke <mark> people </mark> </p> </body> mögenINS -Element und DEL -Element
INS -Elemente und Del -Elemente können verwendet werden, um im Dokument hinzugefügte und gelöschte Text darzustellen.
<body> <p> <Del> Ich kann </mark> die <mark> siehe </mark> </del> <ins> Ich kann <mark> siehe </mark> das <mark> see </mark> </in> </p> </body>Zeitelement
Repräsentiert Zeit und Datum. Wenn das boolesche Attribut vorhanden ist, repräsentiert das Zeitelement das Veröffentlichungsdatum des gesamten HTML -Dokuments oder das optimale Artikelelement aus dem Element. DateTime -Attribute geben das in dem im RFC3339 angegebene Format angegebene Datum und Uhrzeit an. Mit DateTime können Sie das Datum oder die Uhrzeit in Form des Elements festlegen, um das Lesen zu erleichtern, und gleichzeitig sicherstellen, dass der Computer das angegebene Datum oder die angegebene Uhrzeit ohne Mehrdeutigkeit analysieren kann.
<Body> Ich erinnere mich noch an den besten Apfel, den ich je probiert habe. >
Die Zeitelemente enthalten möglicherweise nicht die Eigenschaft von DateTime. des Textinhalts.
Das oben genannte ist der Inhalt dieses Artikels.