18 heiße neue HTML-Tags für heute
Willkommen zum zweiten Teil der heißen HTML-Tags, die Sie gerade verwenden sollten. Woher wissen Sie, welche bei einer so großen Anzahl von HTML-Tags die besten sind? Um Ihnen zu helfen, haben wir insgesamt 30 großartige Tags aufgelistet, mit denen Sie Ihre Website richtig erstellen können.
Wenn Sie den ersten Teil der Liste verpasst haben, holen Sie den ersten nach 12 heiße HTML-Tags in unserer wesentlichen Liste. Willst du einige brillante neue Ressourcen? Hier ist unsere Liste der ausgezeichneten Webdesign-Tools . Und wenn Sie ein neues Kit zum Codieren benötigen, sehen Sie sich unsere Auswahl an beste Computer zum Programmieren .
01.und
Text, der als tiefgestellt oder hochgestellt angezeigt wird, z. B. Atome in chemischen Formeln oder Exponenten in mathematischen Formeln, kann in CSS individuell gestaltet werden. Um ihre semantische Bedeutung beizubehalten, können wir jedoch die verwenden und Elemente jeweils. Diese sollten nicht nur aus stilistischen Gründen verwendet werden. In diesen Fällen ist CSS der richtige Ansatz.
H2O a2 + b2 = c202.
Viele Websites bieten Kontaktinformationen, um das Unternehmen zu finden oder einen Autor zu kontaktieren. Das element sollte verwendet werden, um all diese Informationen zu verpacken, damit automatisierte Tools sie leichter erfassen können. Es bezieht sich auf den Autor der Website, kann sich aber auch auf den Autor eines Artikels beziehen, wenn es in einem platziert ist Element.
Email: [email protected] Twitter: @netmag 03. und
Mit Image Maps können verschiedene Teile eines Bildes anklickbare Links sein. Obwohl dies kein neues Entwurfsmuster ist, sind sie dennoch nützlich, um Interaktionen zu erstellen, die durch Text schwierig wären, z. B. eine Karte. EIN nimmt ein Name Attribut, das es mit einem verknüpft Element woanders mit einem usemap Attribut. Jeder in einem definiert einen Ort, auf den der Benutzer klicken kann.
04.
Das Element war die herausragende Ergänzung für HTML5. Dies mit seiner Äquivalent, versorgt heute praktisch alle Medien im Web.
Es kann entweder ein src-Attribut haben, das den abzuspielenden Inhalt definiert, oder eine Reihe von Elemente darin, aus denen der Browser auswählen kann. Es entscheidet anhand der angegebenen Reihenfolge, welche Quelle gespielt werden soll. Wir können wählen, ob Sie Videos mit höherer Qualität für Bildschirme mit höherer Dichte oder weniger dynamische Inhalte für diejenigen bereitstellen möchten, die eine reduzierte Bewegung bevorzugen.
Einige Browser experimentieren mit der Anzeige von Videos in einem kleinen, schwebenden Fenster auf dem Bildschirm, während die Registerkarte nicht aktiv ist. Dies kann mit dem aktiviert werden autopictureinpicture Attribut. Es kann auch explizit mit deaktiviert werden disablepictureinpicture .
Ebenso können Inhalte für ein Remote-Gerät wie Chromecast oder Apple TV freigegeben werden, wenn der Browser dies unterstützt. Dies kann mit JavaScript gesteuert oder mit dem vollständig deaktiviert werden disableremoteplyback Attribut.
05.
Während das Cite-Attribut aktiviert ist und Elemente können nützliche Metadaten sein, die Das Element selbst wird verwendet, wenn wir dem Benutzer die zitierte Quelle anzeigen möchten. EIN Das Element sollte nur den Namen des zitierten Werks enthalten, z. B. ein Buch oder ein Theaterstück. Es sollte nicht die Namen von Personen enthalten, die an der Erstellung beteiligt sind.
Net magazine06.
Moderne Geräte verfügen über Bildschirme in verschiedenen Größen, Seitenverhältnissen und Pixeldichten. Durch die Bereitstellung nur kleiner oder nur großer Bilder erhalten Benutzer eine geringere Qualität, indem sie Bilder mit niedriger Auflösung empfangen oder die Seite langsamer laden.
Das Mit element können wir verschiedene Quellen für dasselbe Bild definieren, abhängig von mehreren Faktoren wie Bildschirmbreite, Geräteorientierung oder Unterstützung für ein bestimmtes Format wie WebP. Sie müssen lediglich die entsprechende Medienabfrage für jede definierte festlegen mit einer srcset Attribut.
Beispielsweise können Benutzer, die im Dunkelmodus navigieren, ein dunkleres Bild erhalten, indem sie das Abfrage-Farbschema verwenden: Abfrage dunkler Medien.
Dies gibt uns dann eine spezifische Kontrolle darüber, welches Bild wann angezeigt werden soll. Das ähnliche srcset-Attribut auf dem Element gibt dem Browser mehr Freiheit bei der Auswahl der Quelle. Verwenden Sie die Element für absichtliche Art Direction, z. B. Vereinfachung eines Diagramms für kleinere Bildschirme.
07.
Durch Umschließen eines Wortes oder einer Phrase in die Element gibt an, dass dies der Begriff ist, der definiert wird. Wenn es in einem platziert ist , oder Der ihn umgebende Inhalt wird als Definition behandelt. Ein ID-Attribut kann verwendet werden, um bei jedem nächsten Erscheinen auf der Seite wieder darauf zu verlinken.
Semantic markup is HTML that provides meaning to content as well as presentation.
08.
Im technischen Schreiben kommen Variablen häufig vor. Um Verwechslungen mit den übrigen Wörtern eines Satzes zu vermeiden, wird die Element kann verwendet werden, um diese separat zu trennen und zu formatieren. Für größere Ausdrücke ist MathML möglicherweise ein geeigneterer Ansatz. Aber kann nützlich sein, wenn auf Teile eines größeren Ausdrucks als Teil eines Satzes verwiesen wird.
Using Pythagoras’ theorem, the squares of sides a and b give the square of the hypotenuse c.09. und
ZU element ist ein Inline-Element, das ein Zitat von jemandem oder etwas enthält. Benutzeragentenstile setzen ihren Inhalt automatisch in Anführungszeichen. Es verfügt über ein optionales Cite-Attribut, das eine Verknüpfung zur ursprünglichen Quelle darstellen kann.
Das Das Element spielt dieselbe Rolle, jedoch für längere Anführungszeichen auf Blockebene.
Jeremy Keith describes HTML as the unifying language of the World Wide Web. It has an optional `cite` attribute that can be a link back to the original source.
10. und
Textblöcke können häufig Inhalte wie Diagramme, Diagramme oder Bilder enthalten, auf die verwiesen wird. Es kann zwar verwandt sein, es ist jedoch nicht erforderlich, den Kontext zu verstehen. Für diese Art von Inhalten ist die Element ist die perfekte Wahl.
Als Faustregel gilt, dass verwandte Inhalte, die in sich geschlossen sein könnten, gute Kandidaten sind, da sie getrennt vom Hauptdokumentfluss verwendet werden können. Sie werden wahrscheinlich durch eine Nummer in einem größeren Textblock referenziert.
ZU
Wenn sich der Inhalt tangential auf das Hauptdokument bezieht, z. B. ein Pullquote, wird ein Element kann besser geeignet sein.
JavaScript framework statistics 2010-2020 elf.
Dieses Element sollte eine Liste verschiedener Aktionen enthalten, die ein Benutzer ausführen kann. Dies wird beispielsweise bei der Auswahl von Pinseln in einer Malanwendung verwendet. Betrachten Sie dies als das interaktive Äquivalent zum Element.
Bisher hatte das type-Attribut Einfluss auf das Verhalten des Menüs. Der Kontexttyp hätte das Hinzufügen von Elementen zum Kontextmenü oder zum Klicken mit der rechten Maustaste ermöglicht, dies wurde jedoch inzwischen aus der Spezifikation entfernt. Derzeit ist standardmäßig der einzige verfügbare Typ die Symbolleiste, mit der diese Elemente auf dem Bildschirm angezeigt werden.
Standardmäßig hat dieses Element kein Styling und wird lediglich verwendet, um den Aktionen eine Bedeutung zu verleihen. Derzeit respektiert nur Firefox seine Semantik, aber es schadet nicht, dieses Element jetzt hinzuzufügen, wenn es eine breitere Unterstützung gibt.
Round Flat Fan 12. und
Wenn Sie Änderungen an einem Textblock anzeigen, kann es hilfreich sein, visuell zu sehen, was sich geändert hat. Das Element zeigt, was entfernt wurde und was hat es ersetzt. Beide können Cite- und Datetime-Attribute haben, die definieren, warum und wann diese Änderung aufgetreten ist.
Despite the constant negative press covfefecoverage13.
Während Element kann eines der ältesten Elemente sein, es hat eine Menge Tricks im Ärmel. Viele Websites nutzen sie auch heute noch nicht in vollem Umfang.
Das Art Das Attribut einer Eingabe kann ihr Verhalten dramatisch ändern. Zum Beispiel, Farbe zeigt dem Benutzer einen Farbwähler an, ohne dass zusätzliches JavaScript erforderlich ist. EIN Reichweite rendert einen Schieberegler, um zwischen zwei Werten zu wählen, anstatt dass ein bestimmter Wert eingegeben werden muss. EIN Datum Die Eingabe zeigt eine lokalisierte Datumsauswahl ohne zusätzlichen Aufwand. Während diese eine breite Browserunterstützung haben, zeigen diejenigen, die keine reguläre Texteingabe anzeigen und dann eine Fallback-Erfahrung erhalten können.
Diese alle validieren ihren Inhalt automatisch auf eine Weise, die für diese bestimmte Eingabe sinnvoll ist. Für zusätzliche Überprüfungen wird die Muster Das Attribut kann einen regulären Ausdruck akzeptieren, den der eingegebene Wert zum Senden übergeben muss.
14.
Das Anzeigen von Inhalten in einem separaten, hervorgehobenen Fenster ist ein beliebtes Muster im Web. Diese werden allgemein als 'Modal' bezeichnet, aber das Element deckt mehr Anwendungsfälle wie Warnungen ab.
Allein a Element wird nicht sichtbar sein. Es wird nur mit dem angewendeten Attribut open angezeigt, das automatisch über dem Rest des Seiteninhalts angezeigt wird.
Die zugehörige JavaScript-API ermöglicht das Öffnen von Dialogen mit der showModal-Methode, die dann ein :: Hintergrund-Pseudoelement erhält. Dies kann dann so gestaltet werden, dass der Inhalt dahinter gedimmt wird.
Derzeit werden nur Internetbrowser von Chrome, Edge und Samsung unterstützt. Für diejenigen, die keine Unterstützung haben, werden Dialoge wie jeder andere Container gerendert und können polygefüllt werden, um dasselbe zu tun.
This is a HTML-powered dialog box.
fünfzehn.
Wenn Sie Tastaturanweisungen wie Verknüpfungen oder Sucheingaben bereitstellen, müssen Sie die Tastennamen vom Rest des umgebenden Textes unterscheiden. Das Element wird speziell für diesen Zweck angewendet. Elemente können bei Bedarf verschachtelt werden, z. B. eine Kombinationsverknüpfung.
Close this window by pressing Esc16.
Für numerische Daten mit einem definierten Bereich wird die element kann einen visuellen Hinweis darauf geben, was diese Daten im Kontext bedeuten. Der Browser kann das Element bedingt formatieren, um vor zu hohen oder zu niedrigen Werten zu warnen. EIN sollte nicht verwendet werden, um das Fortschreiten zu bezeichnen. Dafür die Element ist besser geeignet.
17.
Während ein bestimmtes Datum oder eine bestimmte Uhrzeit in einem Satz im Kontext offensichtlich sein kann, verstehen Maschinen, die diesen Inhalt analysieren, möglicherweise nicht. Das Element trennt ein Datum oder eine Uhrzeit vom Rest des Satzes und kann a Terminzeit Attribut, das das Datum in einem Format anzeigt, das für Maschinen leichter zu analysieren ist.
GenerateJS is happening on the 2nd April!18.,- und
Es wird für Sätze von Schlüssel-Wert-Paaren verwendet, z. B. für ein Glossar. Eine Beschreibungsliste ( ) gruppiert eine Reihe von Begriffen und deren Beschreibungen. Jeder Begriff ist in a enthalten
- Element
- A group consisting of a start tag, contents, and an end tag.
-
Dieser Inhalt erschien ursprünglich im Netzmagazin.
Weiterlesen:
