Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (3) – Vergleich zwischen HTML5 und HTML4-H5-Tutorial-php.cn

Im vorherigen Abschnitt haben wir die neuen Funktionen von HTML5 vorgestellt, die Verwendung neuer Tags, intelligentes Formulardesign, die Einführung von Multimedia-Objekten, Canvas-Objekte für Ihre Leinwand, erweiterte Grafik-Tags, geografische Anwendungen in HTML5, unabhängige Datenspeicherung , und neue Netzwerkverbindungen.

HTML 5 ist der größte Fortschritt bei Webentwicklungsstandards im letzten Jahrzehnt. Im Gegensatz zu früheren Versionen wird HTML 5 nicht nur zur Darstellung von Webinhalten verwendet. Seine neue Mission besteht darin, das Web zu einer ausgereiften Anwendungsplattform zu machen. Auf der HTML 5-Plattform sind Video, Audio, Bilder, Animationen und computerbasierte Interaktionen standardisiert . (HTML5 hat auch ein eigenes Logo.) Das Erlernen von HTML5 erfordert die Beherrschung der folgenden Wissensaspekte.

1. Grundlegende HTML-Kenntnisse

2. CSS-Stilkenntnisse

Viele Freunde, die zuvor HTML 4.0 gelernt haben, verstehen mich vielleicht Fühlen Sie sich sehr verwirrt. Was ist der Unterschied zwischen HTML 4.0 und HTML5? Der größte Unterschied zwischen HTML5 und HTML4 besteht beispielsweise darin, dass HTML5 mehr auf Inhalt und Struktur als auf Leistung achtet :

Wie die vielen oben genannten Tags in HTML5 können wir stattdessen das

-Tag im vorherigen HTML4 verwenden. Warum gibt es also so viele ungenutzte Tags, was tatsächlich die Anzahl der Tags erhöht? Wie schwer ist es, sich zu erinnern? Tatsächlich ist dies nicht der Fall. Diese Tags mit spezifischen Namen erleichtern die Unterscheidung ihrer jeweiligen Funktionen. Sie können beispielsweise sowohl in PC-Browsern als auch in mobilen Browsern erkannt und angezeigt werden Layout.

<body>   
  
<header>  
<hgroup>导航相关数据</hgroup>  
</header>   
  
<nav>菜单</nav>   
  
<article>  
<h1>标题:HTML5专题</h1>  
发布日期:<time>19:00</time>  
<time datetime="2013-2-14">情人节</time>  
<p>测试相关内容</p>  
</article>  
  
<footer>   
<address>CSDN-大碗干拌的博客</address>  
</footer>   
  
</body>

Nach dem Login kopieren

Ein weiterer Unterschied besteht darin, dass HTML5 mehr Deklarationen und Tags vereinfacht, außerdem detaillierte Bestimmungen zur Kompatibilität getroffen, einige Elemente abgeschafft und einige Elemente hinzugefügt hat, beispielsweise die folgende Deklaration:

HTML4-Deklaration:

HTML5-Deklaration:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0   
Transitonal//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t......  
<html xmlns="http://www.w3.org/1999/xhtml">  
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

Nach dem Login kopieren

beim Einführen von JavaScript- oder CSS-Dateien. Derzeit ist die Schreibmethode in HTML4 wie folgt :

<!DOCTYPE html>  
<meta charset=utf-8/>

Nach dem Login kopieren

wird in HTML5 noch einfacher:

<script src="js/juery-1.6.2.js" type="text/javascript"></script>

Nach dem Login kopieren

Darüber hinaus akzeptiert HTML5 eine lockerere Syntax, wie zum Beispiel

Neueste Artikel des Autors

Videomaterial zum Aufbau Ihres eigenen PHP-Frameworks von Grund auf

2023-03-15 16:54:01
Beispielanalyse, wie PHPMailer das QQ-Postfach verwendet, um die E-Mail-Versandfunktion abzuschließen

2023-03-15 12:26:02
Einführung in den Empfang von E-Mails in IMAP in PHP

2023-03-14 18:58:01
Beispiel für die schnelle Implementierung der Array-Deduplizierung in PHP

2023-03-14 11:30:01
Zusammenfassung der Verwendung aller Attribute des -Tags in HTML

1970-01-01 08:00:00
Zusammenfassung der PHP-Grundkenntnisse (notwendig für Anfänger zum Einstieg)

2023-03-16 15:20:01
Einführung in die Verwendung von typeof in JavaScript

1970-01-01 08:00:00
Einführung in die Verwendung der Bestätigungsmethode () in JavaScript

1970-01-01 08:00:00
Eine detaillierte Einführung in das HTML5-Platzhalterattribut

1970-01-01 08:00:00
So implementieren Sie Einzelauswahl, Mehrfachauswahl und Rückwärtsauswahl in Formularen in ReactJS

1970-01-01 08:00:00

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

2324

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

2458

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

2074

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...

Aus 2024-04-18 23:52:34

1958

Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen

Aus 2024-04-16 10:10:18

2027

verwandte Themen

Mehr>