5 HTML-Elemente, die Sie möglicherweise nicht kennen
Vertraut noch unbekannt oder ganz neu, es kommt vor, dass wir verpassen Sie Teile der HTML-Syntax Das könnte sich als wichtiges Wissen herausstellen, das wir können etwas sinnvoll einsetzen. Deshalb ist es das neue Funktionen von HTML oder seine weniger bekannten Anwendungen Das ist noch nicht in Ihr Radar gekommen, wir behandeln sie oft auf dieser Website.
In dem heutigen Beitrag werden wir uns fünf HTML-Elemente ansehen, von denen Sie einige häufig verwenden, aber wahrscheinlich nicht in vollem Umfang.
1.
Das Element hat eine ähnliche Funktion wie die
Daten-*
Attribute. Es kann verwendet werden maschinenlesbare Daten zur Verfügung stellen für einen benutzerfreundlichen Inhalt. Das Wert
Attribut dieses Elements trägt die hinzugefügten Informationen.
Die drei Bände des Romans "Herr der Ringe" sind: Die Gemeinschaft des Ringes, Die zwei Türme, und Die Rückkehr des Königs.
ISBNs der auf dieser Seite erwähnten Bücher:
Im obigen HTML-Code wird der ISBN von jedem Buch ist hinzugefügt in der Wert
Attribut des Element das schließt den Buchtitel ein. Auf dem Buchmarkt wird die ISBN verwendet, um ein Buch eindeutig zu identifizieren.
const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',')
Um Ihnen grob zu zeigen, wie Sie das extrahieren Werte in JavaScript, das obige Skript extrahiert die ISBNs aus dem
Etikett und zeigt sie zusammen mit den Buchtiteln an einer bestimmten Stelle auf der Seite an.
2.
Wahrscheinlich kennen Sie sich schon aus Element, aber es ist nicht nur für Checkboxen. Es kann andere steuern beschriftbar Elemente Sie führen ihre Aktionen genauso aus, wie die Checkboxen.
Du musst nur Verwenden Sie den gleichen Wert für die Ich würde
Attribut des HTML-Elements, das Sie steuern möchten, und das zum
Attribut der Zugehörigkeit Etikett.
Klicken Sie auf den Text von werden das auslösen
klicken
Veranstaltung von und zeigen Sie die angegebene Warnmeldung an.
3.
Dieses Element ist meistens für ostasiatische sprachen verwendet, dies ist jedoch nicht”Es ist nur ein Anwendungsfall. Der Zweck von ist einfach zu Hinzufügen von Anmerkungen oder Aussprache für Texte, und das können Sie auch mit englischen Inhalten.
Das Element umschließt zwei Hauptteilelemente, nämlich
und . Das
Das Tag enthält den Text, den Sie kommentieren möchten (genannt Base Text) und hält die Anmerkung selbst.
Eine Person, die ein Unternehmen gründet oder ein Unternehmen gründet und in der Hoffnung auf Gewinn finanzielle Risiken eingeht, wird gerufen
Unternehmer ; ein Promoter in der Unterhaltungsindustrie.
Die Aussprache des “Unternehmer” Wort wird hinzugefügt Verwendung der Element innerhalb des Absatzes. Das Wort selbst ist in das Wort eingepackt
Tag und die Aussprache in .
So sieht die Ausgabe aus:
4.
Das
Element für geordnete Listen ist ein anderes Element, mit dem Sie möglicherweise vertraut sind. Es erstellt eine Liste der hat nummerierte Elemente, im Gegensatz zu einer ungeordneten Liste, die mit erstellt wurde
.
Sie haben vielleicht von der Bestellung gewusst, aber haben Sie das gewusst Die Bestellung kann storniert werden? Anstelle einer aufsteigenden Reihenfolge, die Nummerierung wird dekrementiert kann auch von durchgeführt werden
, Verwendung der rückgängig gemacht
Attribut.
- Scrabble
- Mahjong
- Monopol
- Schach
- Jenga
Das rückgängig gemacht
Attribut kehrt die Nummerierung um, während Art
Attribut bestimmt die Art der Nummerierung. Die Hauptstadt I bezeichnet die römische Nummerierung.
So sieht es auf dem Bildschirm aus:
5.
Das Element ist dazu gedacht Umschließen Sie einen Begriff, der durch den umgebenden Text definiert wird. Der von der
Tag ist von Browsern mit Kursivschrift gestaltet, Dies bedeutet, dass der Begriff definiert wird.
Sie können die Definition des Begriffs nach innen hinzufügen im Wert seiner
Titel
Attribut, das nützlich ist Definieren Sie Wörter, die nicht unbedingt durch den umgebenden Text definiert sind.
Das Element funktioniert ähnlich wie
welche die Bedeutung einer Abkürzung anzeigt, die in ihrem angegeben ist
Titel
Attribut, wenn sich der Benutzer über dem Element befindet.
Da ist ein Dichotomie zwischen dem Design und dem Prototyp.
Das ist sein Standardbrowser-Stil, In einer Produktionsstätte können Sie jedoch einen anderen Stil verwenden:
Wenn Sie den Cursor über das definierte Wort bewegen, wird die Seite angezeigt zeigt die in der. hinzugefügte Definition Titel
Attribut.