Gegenwärtig gibt es insgesamt 142 HTML-Elemente, die vom W3C standardisiert wurden, mit Ausnahme der in der Anfangsphase der Standardisierung und derjenigen, die veraltet waren. Das heißt, es ist möglich, einige von ihnen zu vergessen oder zu vergessen, die bei Bedarf nützlich sein können.
Zuvor haben wir einige der besten CSS-Tricks zusammengefasst, 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 verwenden könnten:
1. Bilder zuordnen
Der HTML-Code
Hinweis: Die anklickbaren Bereiche können nicht über CSS formatiert werden. Wenn Sie also diese Markierungen formatieren möchten, verwenden Sie eine einfache Bildbearbeitungssoftware, um die Markierungen zu zeichnen.
Tipp: Wenn Sie die Koordinaten für einen Punkt in einem Bild wissen möchten, öffnen Sie das Bild in einer Bildbearbeitungssoftware und bewegen Sie den Cursor an diesen Punkt. Sie sollten die Koordinaten davon in der Software selbst sehen können. Für GIMP wird es auf der linken Seite der unteren Leiste angezeigt.
2. Eingabevorschläge
Benutzen
3. Markieren Sie Text
Markierter Text hat normalerweise dunkle Textfarbe mit hellem Hintergrund. Sie können diesen hervorgehobenen Texteffekt nur mit Markup erzielen. Jeder Text innerhalb der wird diesen Effekt haben.
Sie können die Hervorhebungsfarbe mit der CSS-Eigenschaft background-color von anpassen und die Textfarbe mit der color .
4. Definieren Sie Vorlagen
Zusammen mit HTML5 kam das neue Element. Das Das Element enthält ein Markup, das nicht von den Browsern gerendert wird. Das Markup, das von ihm eingeschlossen wird, soll verwendet werden, um dynamische Inhalte auf der Seite mit JavaScript zu generieren .
Angenommen, Sie haben ein
Wenn Zeilen dynamisch hinzugefügt werden sollen, können Sie einfach das Markup einer leeren Zeile dieser Tabelle in das Feld einfügen tag und bei Bedarf rufen Sie eine JavaScript-Funktion auf, die ein Skript enthält, um das Markup aus den Schablonen-Tags zu kopieren und es zum Tabellen-Markup hinzuzufügen. Dies wird von IE nicht unterstützt.
5. Kleingedrucktes
Feindruck bezieht sich auf den Text eines Dokuments, der normalerweise in sehr kleiner Größe gedruckt wird und Informationen wie Bedingungen, Begriffe, Einschränkungen, Zitate, gesetzliche Rechte usw. enthält. Das HTML-Tag kann verwendet werden, um feine Drucke anzuzeigen. Ab HTML5 zeigt das Tag nicht nur einen feingedruckten Text an, sondern definiert semantisch dasselbe wie rechtliche Disclaimer und Vorbehalte.
6. Weisen Sie eine Basis-URL zu
Das HTML-Element ist sehr praktisch, wenn Sie mehrere Links in Ihrem Dokument mit denselben Domain-URLs haben. Sie können dem Dokument eine Basis-URL hinzufügen, die Ihnen wiederum ermöglicht, nur relative URLs zu anderen Links auf der Seite hinzuzufügen.
Hinweis: Alle relativen URLs auf der Seite werden basierend auf der Basis-URL referenziert. Wenn Sie einen Link zu einer anderen Domain haben, vergessen Sie nicht, ihm die vollständige URL zuzuweisen.
7. Responsive Bilder
Responsive Web-Entwicklung ist in Mode mit ständig wachsenden mobilen Zugriff. Bilder können für verschiedene Bildschirmgrößen mit Markup umgeschaltet werden. Das Mit dem HTML5-Element können Sie verschiedene Bildquellen für verschiedene Medien für das darin enthaltene Bild hinzufügen.
Hinweis: Dies funktioniert derzeit nur in Chrome. Sie müssen dom.image.picture.enable in der dom.image.picture.enableabout:config in Firefox auf " true setzen.
8. Farbauswahl
HTML5 führte viele neue Eingabe-Typ-Elemente ein; Das Farbeingabeelement ist eines davon. Sie können mit Hilfe eines Farbwählers eine Farbe auf einer Webseite auswählen.
9. Gruppenoptionen
Wenn Sie viele Optionen in einer Dropdown-Liste haben und diese gruppiert anzeigen möchten,
10. Die
Das Markup innerhalb
Jetzt lesen: 15 nützliche CSS-Tricks, die Sie möglicherweise übersehen haben
Mit Apps wie Instagram können Sie Ebenen zu Ihren Fotos hinzufügen. Diese Art von Apps ist aufgrund der Fotofilterfunktion sehr beliebt und ermöglicht es Benutzern, Fotos zu erstellen, die eine bestimmte Art von Aussehen aufweisen. Einige Entwickler haben das gleiche mit Video versucht, wo ein Filter hinzugefügt wird, um verschiedene Farbeffekte zu erzielen .Spo
Im vorherigen Beitrag haben wir über das benutzerdefinierte WordPress-Feld gesprochen, in dem Sie einen neuen Eintrag in einem Beitrag hinzufügen und ausgeben können, indem Sie das Feld Benutzerdefiniertes Feld verwenden, das WordPress auf dem Bildschirm zur Nachbearbeitung bereitstellt. Wenn Sie jedoch nicht mit der benutzerdefinierten Feldbox zufrieden sind (wir haben alle unsere individuellen Präferenzen), ist hier eine Alternative: Sie können eine Meta-Box erstellen.Eine
de.hideout-lastation.com
![Einfügen interaktiver Filter in Videos und Fotos mit Spotliter [iOS]](http://hideout-lastation.com/img/tech-design-tips/495/insert-interactive-filters-videos-photos-with-spotliter.jpg)
