de.hideout-lastation.com
Paradies Für Designer Und Entwickler


5 HTML-Elemente, die Sie möglicherweise nicht verwenden können

Vertraut, aber unbekannt oder völlig neu, kommt es vor, dass wir Teile der HTML-Syntax übersehen, die sich als wichtiges Wissen herausstellen könnten, das wir gut nutzen können . Ob es nun die neuen Funktionen von HTML oder seine weniger bekannten Anwendungen sind, die noch nicht auf Ihrem Radar erschienen sind, decken wir sie ziemlich oft auf dieser Seite ab.

In der heutigen Post werden wir uns fünf HTML-Elemente ansehen, von denen einige häufig verwendet werden, aber wahrscheinlich nicht ihr volles Potenzial haben .

1.

Das element hat eine ähnliche Funktion wie die Attribute von data-* . Es kann verwendet werden, um maschinenlesbare Daten für einen benutzerfreundlichen Inhalt bereitzustellen . Das Wertattribut dieses Elements trägt die hinzugefügte Information.

Die drei Bände des Herr der Ringe Roman sind: Die Gemeinschaft des Ringes , Die zwei Türme , und Die Rückkehr des Königs .

ISBNs der auf dieser Seite genannten Bücher:

Im obigen HTML wird die ISBN jedes Buchs im Wertattribut von hinzugefügt Element, das den Buchtitel umschließt. Auf dem Buchmarkt wird ISBN verwendet, um ein Buch eindeutig zu identifizieren.

 const ISBNListBlank = document.querySelector ('# ISBNistBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((datenelement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (', ') 

Um Ihnen grob zu zeigen, wie Sie die Werte in JavaScript extrahiert das obige Skript die ISBN aus der Tags und zeigt sie zusammen mit den Buchtiteln an einer bestimmten Stelle auf der Seite an.

2.

Wahrscheinlich kennen Sie das Element bereits, aber es ist nicht nur für Checkboxen . Es kann auch andere beschriftbare Elemente steuern und ihre Aktionen genauso ausführen wie die Aktionen von Kontrollkästchen.

Sie müssen nur denselben Wert für das id Attribut des zu überwachenden HTML-Elements und for Attribut for des zugehörigen Tags verwenden.

   

Wenn Sie auf den Text click wird das click ausgelöst und die entsprechende Warnmeldung angezeigt.

3.

Dieses Element wird hauptsächlich für ostasiatische Sprachen verwendet, dies ist jedoch nicht der einzige Anwendungsfall. Der Zweck von ist einfach Annotation oder Aussprache für Texte hinzuzufügen, und Sie können genau das auch mit englischem Inhalt tun.

Das Element umschließt zwei Hauptunterelemente, nämlich und . Das Das Tag enthält den Text, den Sie annotieren möchten (der Basistext ) und hält die Annotation selbst.

Eine Person, die ein Unternehmen oder Unternehmen gründet und finanzielle Risiken in der Hoffnung auf Profit übernimmt, wird genannt Unternehmer à "über uns ; ein Promoter in der Unterhaltungsindustrie.

Die Aussprache des Wortes "Unternehmer" wird mit Hilfe der Element im Absatz . Das Wort selbst ist in die Tag und die Aussprache in .

So sieht die Ausgabe aus:

4.

    Das

      Element für geordnete Listen ist ein anderes Element, mit dem Sie vielleicht vertraut sind. Es erstellt eine Liste mit nummerierten Elementen, im Gegensatz zu einer ungeordneten Liste, die mit erstellt wurde
        .

        Sie haben vielleicht von der Bestellung gewusst, aber wussten Sie, dass die Bestellung storniert werden kann ? Statt einer inkrementierenden Reihenfolge kann auch eine dekrementierende Nummerierung durch ausgeführt werden

          mit dem reversed Attribut .

          1. Scrabble
          2. Mahjong
          3. Monopol
          4. Schach
          5. Jenga

          Das reversed Attribut kehrt die Nummerierung um, während das Attribut type den Typ der Nummerierung bestimmt . Die Hauptstadt I bezeichnet die römische Hauptstadt.

          So sieht es auf dem Bildschirm aus:

          5.

          Das Element soll einen Begriff umschließen, der durch den umgebenden Text definiert wird . Der Text, der von dem Tag eingeschlossen wird, wird durch kursive Browser formatiert, was bedeutet, dass dieser Begriff definiert ist.

          Sie können die Definition des Begriffs inside in den Wert seines title Attributs einfügen, was nützlich ist, um Wörter zu definieren, die nicht notwendigerweise durch ihren umgebenden Text definiert sind .

          Ähnlich verhält es sich mit dem Element , das die Bedeutung einer Abkürzung in seinem Titelattribut anzeigt, wenn der Benutzer das Element überfliegt.

          Es gibt eine Dichotomie zwischen dem Design und dem Prototyp.

          Dies ist der Standard-Browser- Stil. In einer Produktionsumgebung möchten Sie jedoch möglicherweise einen anderen Stil verwenden:

          Wenn Sie den Cursor über das definierte Wort führen, wird auf der Seite die Definition angezeigt, die im Titelattribut hinzugefügt wurde .

          20 besten drahtlosen Ladepads für iPhone 8 und iPhone X bisher

          20 besten drahtlosen Ladepads für iPhone 8 und iPhone X bisher

          Drahtloses Laden war eines der Hauptmerkmale der neuen iPhone-Geräte in der Apple-Veranstaltung im September 2017 . Sie werden zwar bald in der Lage sein, die neuen Geräte in die Hände zu bekommen, aber Apple hat kein kabelloses Ladepad veröffentlicht, mit dem Sie Ihr Gerät kabellos aufladen können. Alle

          (Tech- und Design-Tipps)