Über die Verwendung von HTML5 und CSS-Ersatz

迷茫
Freigeben: 2017-01-17 09:38:59
Original
2211 Leute haben es durchsucht

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

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

<!doctype html><html>
  <head>
    <meta charset="UTF-8">
    <title>文章标题</title>
  </head>
  <body>
Nach dem Login kopieren
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

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.

Wichtige Informationen, Titel usw. auf der Seite

< ;header>

Die Titelinformationen im Artikelbereich sind tatsächlich sehr wichtig und spielen eine herausragende Rolle

Artikeltext...

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.

  • Copyright-Informationen
  • Verwandte Links< >Eine Seite kann mehrere Navigationselemente enthalten. Normalerweise enthalten Kopf und Ende eine Navigation, was die Zugänglichkeit verbessert und es Besuchern ermöglicht, sie eindeutig zu identifizieren. Das Navigationselement ist eine Gruppe von Links, die als Seitennavigation verwendet werden können; die Navigationselemente verweisen auf andere Seiten oder andere Teile der aktuellen Seite.

    Logischer Bereich oder Inhaltskombination der Abschnittsseite

    Der Abschnittsabschnitt ist ein logischer Bereich auf der Seite. Bei der Beschreibung des logischen Bereichs der Seite können wir das Abschnittselement verwenden, um das zuvor missbrauchte div-Tag zu ersetzen. Tatsächlich verwenden wir das Abschnittselement, um den Inhalt sinnvoll zu kategorisieren. Im Allgemeinen enthält ein Abschnitt einen Kopf und einen Inhaltsblock.

    Das Abschnittselement ist kein allgemeines Containerelement. Wenn ein Element daher einen entsprechenden Stil oder ein entsprechendes Skript definieren muss, wird empfohlen, das div-Element zu verwenden. Die Bedingung für die Verwendung von Abschnitt besteht darin, sicherzustellen, dass der Inhalt von Dieses Element kann im Dokument in der Gliederung deutlich dargestellt werden.

    Artikeltext oder ein kompletter interner

    Das am besten geeignete Element, um den eigentlichen Inhalt einer Webseite zu beschreiben, ist der Artikel-Tag. Das Abschnitts-Tag wird als Beschreibung des logischen Teils des Dokuments betrachtet, während das Artikel-Tag als Beschreibung des spezifischen Inhalts betrachtet wird. Ein Abschnitt kann mehrere Artikel enthalten und der Artikelinhalt kann in mehrere Abschnitte unterteilt werden. Das Abschnittselement ist ein allgemeineres Element, das zum logischen Gruppieren anderer Elemente verwendet werden kann. Wenn der Inhalt des Elements zusammen angezeigt werden kann, um die entsprechende Bedeutung auszudrücken, kann es als Artikelelement definiert werden und es besteht keine Notwendigkeit, das Abschnittselement zu verwenden.

    Wir können Kopf- und Fußzeilenelemente innerhalb des Artikelelements verwenden, um bestimmte logische Bereiche bequemer zu beschreiben. Wir können das Abschnittselement auch verwenden, um das Dokument in mehrere Teile zu unterteilen.

    Artikel stellt ein unabhängiges Fragment des Dokumentinhalts dar. Artikel ist ein spezielles Abschnitts-Tag mit einer klareren Semantik als Abschnitt. Es stellt einen unabhängigen und vollständigen Block verwandter Inhalte dar. Im Allgemeinen verfügt ein Artikel über einen Titelabschnitt (normalerweise in der Kopfzeile enthalten) und manchmal auch über eine Fußzeile. Obwohl es sich bei einem Abschnitt auch um einen thematischen Inhalt handelt, ist der Artikel selbst hinsichtlich seiner Struktur und seines Inhalts unabhängig und vollständig. Wenn ein Artikel in einen Artikel eingebettet wird, bezieht sich der Inhalt des inneren Artikels grundsätzlich auf den Inhalt des äußeren Artikels.

    Ergänzende oder verwandte Inhalte beiseite

    Manchmal müssen wir dem Hauptinhalt einige zusätzliche Informationen hinzufügen, z. B. Einführungen, Diagramme, verwandte Links usw. In diesem Fall können wir die Beiseite verwenden Tag, um es zu identifizieren.

    Benutzerdefinierte Datenattribute

    Entwickler können jedes gewünschte Attribut für jedes Element definieren, solange sie ihm Daten voranstellen – um Verwechslungen mit zukünftigen HTML-Versionskonflikten zu vermeiden, jQuery-Überprüfung unter asp.net MVC verwendet diese Methode. Verwenden Sie benutzerdefinierte Datenattribute, um Client-Skripts zusätzliche Informationen bereitzustellen. Benutzerdefinierte Datenattribute verursachen keine Browserfehler und die HTML5-Dokumenttypdeklaration stellt sicher, dass das Dokument gültig ist. Da alle benutzerdefinierten Datenattribute mit dem Präfix „data-“ beginnen, ignoriert der Validator für HTML5-Dokumente dieses bei der Validierung. Sie können benutzerdefinierte Attribute in fast allen Browsern verwenden, sodass wir mit JavaScript problemlos darauf zugreifen können.

    Schauen Sie sich zum Schluss eine kleine Demo an:

    (this.href,'winName','width=500,height=500')">Mein Blog

    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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage