Front-End-HTML- und HTML5-Basisinhalte

Im vorherigen Kapitel wurde die Entwicklung des Frontends vorgestellt. In diesem Kapitel wird kurz die Entwicklung von HTML und grundlegenden Tags vorgestellt.

1. Die Entwicklungsgeschichte von HTML

1. Konzept

HyperText Markup Language (kurz HTML) ist eine Auszeichnungssprache, die für die [Erstellung von Webseiten und anderen Informationen, die in einem Browser angezeigt werden können] entwickelt wurde.

2. Verwandte Entwicklungsgeschichte:
* Hypertext Markup Language (erste Ausgabe) --- Im Juni 1993 als Internet Engineering Group (IETF) Arbeitsentwurf veröffentlicht (kein Standard)

　 * HTML2.0 --- Veröffentlicht als RFC 1866 im November 1995, wurde nach der Veröffentlichung von RFC 2854 im Juni 2000 als veraltet angekündigt

　 * HTML3.2 --- 14. Januar 1996, vom W3C empfohlener Standard

* HTML4.0 --- 1997 Am 18. Dezember 1999 Vom W3C empfohlener Standard

* HTML4.01 (geringfügige Verbesserung) --- Am 24. Dezember 1999 wurde vom W3C empfohlener Standard

　 * ISO/ IEC 15445:2000 („ISO HTML“) --- Veröffentlicht am 15. Mai 2000, basiert auf der strengen HTML 4.01-Syntax und ist ein Standard der International Organization for Standardization und der International Electrotechnical Commission

　 * > * Dank harter Arbeit wurde die HTML5-Standardspezifikation endlich fertiggestellt und öffentlich veröffentlicht.

3. Die mühsame Entwicklungsgeschichte von HTML5

Der Vorgänger des HTML5-Entwurfs hieß Web Applications 1.0 und wurde von WHATWG in vorgeschlagen 2004 und 2007 veröffentlicht. Es wurde vom W3C akzeptiert und ein neues HTML-Arbeitsteam wurde gegründet.

Der erste offizielle Entwurf von HTML 5 wurde am 22. Januar 2008 angekündigt. HTML5 ist noch in Arbeit. Allerdings verfügen die meisten modernen Browser bereits über eine gewisse HTML5-Unterstützung.

Am 17. Dezember 2012 gab das World Wide Web Consortium (W3C) offiziell bekannt, dass die HTML5-Spezifikation, die die Bemühungen einer großen Anzahl von Netzwerkarbeitern gebündelt hat, offiziell fertiggestellt wurde . In der Rede des W3C heißt es: „HTML5 ist der Grundstein der offenen Web-Netzwerkplattform.“

Am 6. Mai 2013 wurde der offizielle Entwurf von HTML 5.1 angekündigt. Die Spezifikation definiert die fünfte Hauptversion, die erste, die die Kernsprache des World Wide Web überarbeitet: Hypertext Markup Language (HTML). In dieser Version werden kontinuierlich neue Funktionen eingeführt, um Webanwendungsautoren dabei zu helfen, die Interoperabilität neuer Elemente zu verbessern.

Am 29. Oktober 2014 gab das World Wide Web Consortium unter Tränen bekannt, dass die HTML5-Standardspezifikation nach fast acht Jahren harter Arbeit endlich fertiggestellt und öffentlich veröffentlicht wurde.

Zu den Browsern, die HTML5 unterstützen, gehören Firefox (Firefox-Browser), IE9 und höhere Versionen, Chrome (Google-Browser), Safari, Opera usw.; inländischer Aoyou-Browser (Maxthon) und inländischer Browser Browser wie 360 ​​Browser, Sogou Browser, QQ Browser und Cheetah Browser, die auf IE oder Chromium (der technischen Version oder experimentellen Version von Chrome) basieren, können ebenfalls HTML5 unterstützen.

4. Die Beziehungen und Unterschiede zwischen XML, XHTML und HTML

HTML (HyperText Markup Language), Hypertext-Auszeichnungssprache. „Hypertext“ bedeutet, dass die Seite Bilder, Links und sogar Nicht-Text-Elemente wie Musik und Programme enthalten kann. „Markierung“ bezieht sich auf die Verwendung spezifischer Markierungssymbole, um verschiedene Teile des anzuzeigenden Inhalts zu markieren. Hypertext Markup Language ist eine Anwendung gemäß Standard Universal Markup Language, einer Spezifikation und einem Standard, der zum Anzeigen von Daten entwickelt wurde. HTML-Text ist das, was wir normalerweise als Webseite bezeichnen, und die Erweiterung kann html oder htm sein.

　XML (Extensible Markup Language), erweiterbare Auszeichnungssprache. XML ist eine Teilmenge der Standard Universal Markup Language. Es handelt sich um eine Auszeichnungssprache, die zur Kennzeichnung elektronischer Dokumente verwendet wird, um sie strukturell zu gestalten. Sie dient der Übertragung und Speicherung von Daten und ist eine Ergänzung zur Hypertext Markup Language. Extensible Markup Language ist eine Meta-Markup-Sprache, die eine strukturierte Markup-Sprache definiert, die zur Definition anderer domänenspezifischer Semantiken verwendet wird. Diese Markup-Sprachen unterteilen Dokumente in viele Teile und identifizieren diese Teile. Es ermöglicht präzisere Inhaltsdeklarationen und ermöglicht aussagekräftigere Suchergebnisse auf mehreren Plattformen. Es bietet ein Format zur Beschreibung strukturierter Daten, vereinfacht den Datenaustausch und die Darstellung im Netzwerk, trennt Code, Daten und Darstellung und dient als Standardformat für den Datenaustausch. Daher wird es oft als intelligentes Datendokument bezeichnet, und die Dateierweiterung ist es auch xml.

　 XHTML (Extensible HyperText Markup Language), erweiterbare Hypertext-Auszeichnungssprache. XHTML basiert auf der Extensible Markup Language (XML). XHTML ist eine erweiterbare Auszeichnungssprache (XML), die eine ähnliche Rolle wie HTML spielt. XHTML ist eine erweiterte Version von HTML und XHTML ist eine strengere und reinere Version von HTML. Seine Skalierbarkeit und Flexibilität werden sich an weitere Anforderungen zukünftiger Netzwerkanwendungen anpassen. Obwohl XML über leistungsstarke Datenkonvertierungsfunktionen verfügt und HTML vollständig ersetzen kann, ist es angesichts Tausender bestehender Websites, die auf der HTML-Sprache basieren, noch zu früh, XML direkt zu übernehmen. Daher haben wir es auf Basis von HTML4.0 um XML-Regeln erweitert und XHTML erhalten. Daher besteht der Zweck der Etablierung von XHTML darin, den Übergang von HTML zu XML zu realisieren. XHTML wurde am 26. Januar 2000 zu W3C (World Wide Web Consortium, World Wide Web Consortium) und die Dateierweiterung ist xhtml.

Zusammenfassung: HTML, XML und XHTML sind allesamt Teilmengen der standardmäßigen universellen Auszeichnungssprache. HTML dient der Anzeige von Daten und konzentriert sich auf das Erscheinungsbild der Daten. XML dient der Übertragung und Speicherung von Daten und legt den Schwerpunkt auf den Inhalt der Daten. Definiertes HTML soll HTML ersetzen und sich an mehr Anforderungen anpassen des zukünftigen Netzwerks. Sie alle können zum Entwickeln von Webseiten verwendet werden, aber derzeit ist HTML immer noch der absolute Mainstream in der Webentwicklung, und mittlerweile genießt auch die neueste Version, HTML5, hohes Ansehen. Die erweiterbare Markup-Sprache XML wird häufig zur Speicherung von Daten in verschiedenen Anwendungen (z. B. verschiedenen Konfigurationsdateien) und zur Übertragung von Daten zwischen Anwendungen verwendet. Man kann sagen, dass es sich um eine Technologie handelt, die beherrscht werden muss. Was die Extensible Hypertext Markup Language XHTML betrifft, so kündigte das W3C 2009 an, dass es die Entwicklung von XHTML2 stoppen und stattdessen HTML5 energisch unterstützen werde.

2. HTML4.01 (das neue Kapitel von HTML5 wird im nächsten Kapitel vorgestellt)

1. Grundstruktur

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        
    </body>
</html>

2. Spezifische Beschreibungen der Grundelemente sind auf w3school verfügbar, ich werde sie nicht im Detail erklären

Häufig verwendet: HTML, Kopf, Meta, Titel, Link, Stil, Körper, h1- h6, p, a ,p,span,ul,li,dl,dt,dd,ol,img,table,thead,tbody,tfoot,tr,td,caption,i,b,form,label,input,button, textarea,selected,option , optgroup, script, frame, br, hr, em, strong.

Gelegentlich verwendet: Die oben genannten werden hauptsächlich in der Arbeit verwendet, und es gibt viele Stil-Tags, die nicht mehr empfohlen werden, daher werde ich sie hier nicht vorstellen.

3. Standardattribute

id, class, title, style, dir, lang

4. Ereignisattribute

onclick, ondblclick, onmousedown, onmouseup , onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Zusammenfassung: HTML ist eine universelle Auszeichnungssprache, die im Web verwendet wird. Mit HTML können Sie Text formatieren, Bilder hinzufügen, Links erstellen, Eingabeformulare, Rahmen und Tabellen usw. erstellen und ihn als Textdatei speichern, die der Browser lesen und anzeigen kann. (HTML ist relativ einfach und CSS ist enthalten. Solange Sie grundlegende HTML- und CSS-Kenntnisse haben, können Sie mit dem Ausschneiden statischer Seiten beginnen, sodass der Einstieg in das Frontend sehr einfach ist. Der schwierige Teil ist js)

Das obige ist der detaillierte Inhalt vonFront-End-HTML- und HTML5-Basisinhalte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!