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
Kürzlich wurden Benachrichtigungen auf meinem Android-Handy um bis zu 15 Minuten verzögert und erreichten mich manchmal erst, als ich die App öffnete. Es war ziemlich frustrierend und ich habe viele dringende Nachrichten verpasst. Es stellt sich jedoch heraus, dass es hauptsächlich eine Schuld an meinem Ende war . Al
"Teens verlassen Facebook" ist seit einiger Zeit ein Lieblingsthema der Tech-Medien . Tatsächlich hat Mashable 2010 einen Artikel über Teenager und "Facebook Müdigkeit" veröffentlicht und das Thema ist seitdem nicht weit von den Lippen der Tech-Medien entfernt. In jüngerer Zeit kehrte das Thema in der zweiten Hälfte des Jahres 2013 in den Vordergrund, wobei Nachrichten über diesen vermeintlichen Teenager-Exodus von Facebook auf Business Insider, The Guardian, ABC News und fast überall dazwischen erschienen.Der Hau
de.hideout-lastation.com
