Heim > Web-Frontend > H5-Tutorial > Zusammenfassung der Einführung in semantische HTML5-Tags

Zusammenfassung der Einführung in semantische HTML5-Tags

零下一度
Freigeben: 2017-06-14 14:16:13
Original
1761 Leute haben es durchsucht

Obwohl die neuen semantischen Tags von HTML5 viele Vorteile haben, gibt es immer noch Kompatibilitätsprobleme in älteren Versionen von IE-Browsern. Sollten sie mutig neue Tags verwenden oder traditionelle und umfangreiche DIV-Tags verwenden? Etikett? Heute werfen wir einen kurzen Blick auf die Kompatibilität der neuen H5-Tags. Schauen wir uns zunächst einen kleinen Teil des einfachen Codes an: HTML-Code: Kompatibilität mit neuen H5-Tags testen &nb

1. Detaillierte Einführung in die Kompatibilitätsverarbeitung neuer HTML5-Tags (Bild)

Zusammenfassung der Einführung in semantische HTML5-Tags

Einführung: Obwohl die neuen semantischen Tags von HTML5 viele Vorteile haben, gibt es in älteren Versionen von IE-Browsern immer noch Kompatibilitätsprobleme, die den Leuten oft Kopfschmerzen bereiten. Ist es besser, die neuen Tags mutig zu verwenden? Oder eine große Anzahl herkömmlicher bedeutungsloser DIV-Tags verwenden? Heute werfen wir einen kurzen Blick auf die Kompatibilität der neuen H5-Tags.

2. Einführung in semantische HTML5-Tags

Zusammenfassung der Einführung in semantische HTML5-Tags

Einführung: Im HTML5-Standard werden mehrere neue Tags hinzugefügt, um die Seitensemantik hinzuzufügen. Zu diesen Tags gehören: Artikel, Abschnitt, Navigation und Seite usw. Im Gegensatz zu den meisten anderen Tags behandelt der Browser sie beim Interpretieren und Rendern dieser Tags nur als gewöhnliche Elemente auf Div-Blockebene, ohne zusätzliche Präsentationslogik hinzuzufügen, d. h. diese Tags werden nur zum Hinzufügen von Semantik verwendet. Für Webentwickler verwenden Sie diese Tags

3. Über die Praxis der semantischen HTML5-Tags (Blogseite)

Zusammenfassung der Einführung in semantische HTML5-Tags

Einführung: Ich habe eine Blog-Seite mit HTML5+CSS3 erstellt. Das Gesamteffektlayout ist wie folgt: Das Seitenlayout basiert auf HTML5-Elementen. Daher ist es wichtig, dass Sie sich vor Beginn mit den HTML5-Elementen vertraut machen und anschließend prüfen, ob deren Semantik zu Ihrem Layout passt. Die HTML5-Struktur Eines ist sehr wichtig: Verwenden Sie nicht einfach das

-Tag in HTML5

Methoden der HTML/CSS-Anwendung

Einführung: Einige Probleme, die bei semantischen Tags beachtet werden sollten: 1. Verwenden Sie so wenige semantische Tags div und span wie möglich. 2. Verwenden Sie keine reinen Stil-Tags wie „b“, „font“ und „u“ usw., sondern verwenden Sie stattdessen CSS-Einstellungen. Text, der semantisch hervorgehoben werden muss, kann im Strong- oder Em-Tag stehen. ...,.

5.

jQuery-Studiennotizen zur Operation jQuery-Objektattribut processing_jquery

Einführung: HTML-Dokumente haben nicht nur eine Semantik Tags verfügt jedes Tag auch über eine Reihe von Attributknoten. Natürlich wollen wir diese Attributknoten auch bedienen. Das Format ist immer noch $(selector Method)

6 >

Einführung: Klicken Sie hier, um zur HTML-Tutorial-Spalte des Web-Lehrnetzwerks zurückzukehren. Oben: Auszeichnungssprache – Quelle des Originaltextes Kapitel 6 , und andere Phrasenelemente In der Einleitung und in den vorherigen Kapiteln wurde das Konzept der semantischen Tags kurz erwähnt, wobei Tags zur Identifizierung von Bedeutungen für Dateien verwendet werden. Anstatt den Anzeigeeffekt einfach mit Tags festzulegen:

Zusammenfassung der Einführung in semantische HTML5-Tags [Verwandte Fragen und Antworten]:

HTML5 hat semantische Tags (Elemente) hinzugefügt ist die bedeutung?

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