10 coole Dinge, die HTML-Tags bieten
Im Moment gibt es eine insgesamt 142 HTML-Elemente standardisiert durch W3C, ausgenommen diejenigen in den ersten Standardisierungsphasen und diejenigen, die veraltet waren. Es ist jedoch möglich, einige davon zu übersehen oder zu vergessen, die bei Bedarf nützlich sein können.
Zuvor haben wir einige der besten CSS-Tricks zusammengestellt, die Sie vielleicht übersehen haben. Dieser Beitrag erinnert Sie an einige der HTML-Tags, von denen Sie nicht wussten, dass Sie Funktionen wie die folgenden implementieren könnten:
1. Kartenbilder
Das HTML Elemente können zum Erstellen von Imagemaps verwendet werden. Imagemaps sind im Grunde Bilder mit anklickbaren Bereichen, die mit einer anderen Webseite oder anderen Teilen desselben Dokuments verlinkt werden können. Sie können definieren, welche Bereiche eines Bildes anklickbar sind, indem Sie einfach die entsprechenden X-Y-Koordinaten dieser Punkte in angeben
innen verschachtelte Elemente
.
Hinweis: Die anklickbaren Bereiche können nicht mit CSS formatiert werden. Wenn Sie möchten, dass diese Marken gestaltet werden, verwenden Sie eine einfache Bildbearbeitungssoftware, um die Marken zu zeichnen.
Spitze: Wenn Sie die Koordinaten für einen Punkt in einem Bild erfahren möchten, öffnen Sie das Bild in einer Bildbearbeitungssoftware und bewegen Sie den Cursor an diesen Punkt. In der Software selbst sollten Sie dessen Koordinaten sehen können. Bei GIMP wird es auf der linken Seite der unteren Leiste angezeigt.
2. Eingabevorschläge
Benutzen um eine Liste relevanter Vorschläge bereitzustellen, die beim Eingeben eines Eingabewerts angezeigt werden.
3. Markieren Sie Text
Hervorgehobener Text hat normalerweise eine dunkle Textfarbe mit hellem Hintergrund. Sie können diesen hervorgehobenen Texteffekt nur mit Markup erzielen. Jeglicher Text innerhalb der wird diesen Effekt haben.
Sie können das anpassen Hervorhebungsfarbe mit dem Hintergrundfarbe
CSS-Eigenschaft von und das Textfarbe mit dem
Farbe
Eigentum.
4. Vorlagen definieren
Zusammen mit HTML5 kam das Neue Element. Das
Element enthält Markup, das nicht von den Browsern gerendert wird. Das von ihm eingeschlossene Markup soll verwendet werden dynamische Inhalte erzeugen auf der Seite mit JavaScript.
Angenommen, Sie haben eine Der Feindruck bezieht sich auf den Text eines Dokuments, das normalerweise in sehr kleinem Format gedruckt wird und Informationen wie Bedingungen, Bedingungen, Einschränkungen, Zitate, gesetzliche Rechte usw. enthält Das Hinweis: Alle relativen URLs auf der Seite werden basierend auf der Basis-URL referenziert. Wenn Sie einen Link mit einer anderen Domain haben, vergessen Sie nicht, ihr die vollständige URL zuzuweisen. Responsive Web-Entwicklung ist mit dem ständig wachsenden mobilen Zugriff im Trend. Bilder können für unterschiedliche Bildschirmgrößen mit Markup umgeschaltet werden. Das Hinweis: Dies funktioniert derzeit nur in Chrome. Sie müssen einstellen Mit HTML5 wurden viele neue Eingabetypelemente eingeführt. Das Farbeingabeelement ist eines davon. Mit dieser Funktion können Sie mithilfe einer Farbauswahl eine Farbe auf einer Webseite auswählen. Wenn Sie viele Optionen in einer Dropdown-Liste haben und diese gruppiert anzeigen möchten, klicken Sie auf Das Markup im Inneren Wenn Zeilen dynamisch hinzugefügt werden sollen, können Sie einfach das Markup einer leeren Zeile dieser Tabelle in das Symbol einfügen
tag und ruft bei Bedarf eine JavaScript-Funktion mit Skript auf, um das Markup aus den Template-Tags zu kopieren und dem Tabellen-Markup hinzuzufügen. Dies wird von IE nicht unterstützt.
5. Feiner Druck
Ein Tag in HTML kann verwendet werden, um feine Drucke anzuzeigen. Ab HTML5 das
tag zeigt nicht nur einen Text mit feinem Druck an, sondern definiert auch semantisch das gleiche wie gesetzliche Haftungsausschlüsse und Vorbehalte.
6. Weisen Sie eine Basis-URL zu
Das HTML-Element ist sehr praktisch, wenn in Ihrem Dokument mehrere Links mit denselben Domänen-URLs vorhanden sind. Mit diesem Element können Sie dem Dokument eine Basis-URL hinzufügen, wodurch Sie bei Bedarf nur relative URLs zu anderen Links auf der Seite hinzufügen können.7. Responsive Bilder
Mit dem HTML5-Element können Sie verschiedene Bildquellen für verschiedene Medien für das darin enthaltene Bild hinzufügen.
dom.image.picture.enable
zu wahr
im über: config
in Firefox.8. Farbauswahl
9. Gruppenoptionen
Element wird die Arbeit erledigen. Sie können die Gruppen auch mit CSS gestalten.
10. Die
Element
wird vom Browser nur gerendert, wenn das Skript deaktiviert ist. Dieses Tag ist nützlich, um Benutzer darüber zu informieren, wenn das Skript in ihrem Browser deaktiviert ist, und um einen alternativen Fallback-Mechanismus für Komponenten auf den Webseiten bereitzustellen, die ohne JavaScript nicht mehr funktionieren.
Lesen Sie jetzt: 15 nützliche CSS-Tricks, die Sie möglicherweise übersehen haben