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
Einfach gesagt, wir lieben Google Chrome. Es läuft reibungslos, sieht einfach aus und hat viele nützliche Apps. Aus Sicht des Entwicklers ist Google Chrome immer einen Schritt voraus, wenn es darum geht , den neuesten Web-Standard zu unterstützen, was großartig ist.Es enthält auch eine Reihe von Tools für die Web-Entwicklung, von denen einige noch in anderen Browser -integrierten Entwickler-Tools implementiert werden müssen. Dazu
Jedes Mal, wenn ein neues iOS veröffentlicht wird, suche ich nach einem neuen Apple-Hintergrund, um mit den aktualisierten Funktionen zu gehen. Oder manchmal erwacht mein innerer Apple-Aficionado und ich gehe auf die Suche nach einer schönen Apple-Tapete, um meine Vorliebe zu zeigen.Was auch immer der Fall ist, ich habe es geschafft, einige wirklich schöne Apfeltapeten zu sammeln, die ich in diesem Post mit euch teilen werde. A
de.hideout-lastation.com
