Heim  >  Artikel  >  Web-Frontend  >  Über die Verwendung von HTML5 und CSS-Ersatz

Über die Verwendung von HTML5 und CSS-Ersatz

迷茫
迷茫Original
2017-01-17 09:38:591873Durchsuche

Jeder, der von HTML5 gehört hat, kennt seine Leistungsfähigkeit, wie z. B. aussagekräftigeres Markup, Multimedia-Unterstützung, die weniger von Plug-Ins abhängig ist, dokumentübergreifende Nachrichtenkommunikation, Web Sockets, clientseitige Speicherung, leistungsfähigere Formulare und Verbesserungen Flexibilität bei der Barrierefreiheit, erweiterte Selektoren und leistungsstarke visuelle Effekte. Gehen wir ohne Umschweife auf die Details ein

Verlassene Tags und Attribute

Verlassene Tags

Verlassen, da sie durch CSS ersetzt werden können

Basefont

große

Mitte

Schriftart

Strich

tt

u

s

Veraltet wegen Beeinträchtigung der Benutzerfreundlichkeit und Barrierefreiheit

Frame

Frameset

Noframes

wegen Verwirrung stiften, selten verwendet und aufgegeben

Akronym wird aufgegeben, weil es die Seite oft überfüllt. Sie können stattdessen abbr verwenden, da Sie stattdessen object verwenden können

dir ist veraltet, da die Verwendung von ul anstelle von

noscript-Elementen nur in HTML und nicht in XML verwendet werden kann.

Veraltete Attribute

align

Link-, Vlink-, Alink- und Textattribute im Body-Tag

bgcolor

height und width

Bildlaufattribut auf Iframe-Element

valign

hspace und vspace

Cellpadding-, Cellspacing- und Rahmenattribute auf Tabellen-Tag

Die visuellen Effekte Die oben genannten Elemente können mit CSS erreicht werden, sodass sie aufgegeben werden

Außerdem wird das Zielattribut in der Spezifikation aufgegeben

Das Profilattribut im Head-Tag wird nicht mehr unterstützt

Das longdesc-Attribut von img- und iframe-Elementen wurde ebenfalls entfernt

Es gibt Alternativen zu diesen Attributen in der HTML5-Spezifikation. Sie können HTML-Standard anzeigen

Neue Struktur-Tags und Attribute

Deklaration des Dokumenttyps

Artikelkörperteil 36cc49f0c466276486e50c850b7e495673a6ac4ed44ffec12cee46588e518a5e

Jeder weiß, dass in HTML5 einfach bbb73acdb2a821d4e2b85ae29f1e4927 Sie können den Dokumenttyp deklarieren.

<!doctype html><html>
  <head>
    <meta charset="UTF-8">
    <title>文章标题</title>
  </head>
  <body>
Der Validator verwendet ihn, um zu bestimmen, welche Validierungsregeln zur Überprüfung des Codes verwendet werden sollen.

Die Dokumenttypdeklaration kann IE6 erzwingen , IE7 und IE8 rendern Seiten mit Standardmodulen

hgroup kombiniert die Titel von Webseiten oder Abschnitten

d8eccd9ed644b68a6460a2bb84548c82

4a249f0d628e2318394fd9b75b4636b1 Schauen Sie sich kostenlos meinen Blog an

Header-Element ist ein Element mit Leit- und Navigationsfunktionen. Der Header kann eine Vielzahl von Inhalten enthalten, vom Firmenlogo bis hin zu einem Suchfeld. Verwechseln Sie den Header also nicht mit Tags wie h1. Die gleiche Seite kann mehrere Kopfzeilenelemente enthalten und jeder unabhängige Abschnitt oder Artikelabschnitt kann eine eigene Kopfzeile haben.

1aa9e5d373740b65a0cc8f0a02150c53

4a249f0d628e2318394fd9b75b4636b1Wichtige Informationen, Titel usw. auf der Seite473f0a7621bec819994bb5020d29372aab946e7546ab66a280dd9c9f9310ecd523c3de37f2f9ebcb477c4a90aac6fffd

< ;header>

4a249f0d628e2318394fd9b75b4636b1Die Titelinformationen im Artikelbereich sind tatsächlich sehr wichtig und spielen eine herausragende Rolle473f0a7621bec819994bb5020d29372a

ab946e7546ab66a280dd9c9f9310ecd5

e388a4556c0f65e1904146cc1a846beeArtikeltext...94b3e26ee717c64999d7867364b1b4a37618f95bdc39e398f223d37049478af1

Fußzeile Das Ende der Seite oder des Abschnitts

Das Fußzeilenelement wird verwendet, um das Dokument oder verwandte Elemente bereitzustellen Benachbarte Segmente definieren Schwanzinformationen. Die HTML5-Spezifikation ermöglicht die Anzeige mehrerer Fußzeilenelemente auf derselben Seite, was bedeutet, dass Fußzeilen wie Kopfzeilen normalerweise auch andere Elemente enthalten. Die Fußzeile enthält normalerweise zusätzliche Informationen zu den zugehörigen Blöcken, z. B. den Autor, Links zu verwandten Lektüren und Urheberrechtsinformationen.

Das Folgende ist meine genaue Essenz, es gibt absolut keine falsche Einführung

Ich habe mich mit einer Gruppe von Experten im Internet zusammengetan, um eine kostenlose Lerngruppe für das Programmieren zu gründen Kommen Sie zu uns. Hören Sie es sich einfach in der Gruppe an. Der erste Teil der Nummer ist Si Yi, die mittlere Nummer ist Zero Seven und die letzte Nummer ist Yi Wu 4. Hier gibt es kostenlose Lernressourcen und es werden jeden Tag Live-Kurse übertragen Sie müssen nichts bezahlen, Sie brauchen nur ein Herz zum Lernen. Wenn Sie nicht lernen möchten, nehmen Sie nicht teil.

c37f8231a37e88427e62669260f0074d

ff6d136ddc5fdfeffaf53ff6ee95f185 25edfb22a4f469ecb59f1190150159c6Copyright-Informationenbed06894275b65c1ab86501b08a632eb 25edfb22a4f469ecb59f1190150159c6Verwandte Links001dd0dd96e6f1a55ec1e649c6fefd85Mein Blog5db79b134e9f6b82c0b36e0489ee08ed

Wissen Sie, welche Vorteile dieser Code bietet?

Der erste Schritt beim Aufbau einer barrierefreien Seite besteht darin, sicherzustellen, dass alle Funktionen weiterhin ordnungsgemäß funktionieren, wenn JavaScript deaktiviert ist. Es funktioniert übrigens, in HTML5 werden onclick und so weiter aufgegeben, weil das onclick-Attribut das Verhalten und den Inhalt zu eng miteinander verknüpft

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn