Heim >Web-Frontend >HTML-Tutorial >Analyse grundlegender Grammatik- und semantischer Schreibregeln und Beispiele von HTML
Dieser Artikel vermittelt Ihnen hauptsächlich die Organisation und Beispiele der grundlegenden Syntax und Semantik von HTML. Freunde, die ihn benötigen, können darauf zurückgreifen.
DOCTYPE
DOCTYPE(Dokumenttyp)
Diese Deklaration befindet sich an der vordersten Position im Dokument, vor dem HTML-Tag. Dieses Tag gibt Auskunft der Browser Welche HTML- oder XHTML-Spezifikation das Dokument verwendet.
DTD (Document Type Definition)
Die Deklaration beginnt mit 1a309583e26acea4f04ca31122d8c535
, unterscheidet nicht zwischen Groß- und Kleinschreibung und hat keinen Inhalt davor (außer Leerzeichen) Dadurch wird der Browser im IE den Quirks-Modus aktivieren, um Webseiten darzustellen. Öffentlich DTD
, das Namensformat ist Registrierung // Organisation // Typ-Tag // Sprache, Registrierung bezieht sich darauf, ob die Organisation bei der Internationalen Organisation für Normung (ISO) registriert ist, + bedeutet Ja, - bedeutet Nein. Organisation ist der Name der Organisation, zum Beispiel: W3C
. Der Typ ist normalerweise DTD. Ein Tag gibt eine Beschreibung des öffentlichen Texts an, d. h. einen eindeutigen beschreibenden Namen für den referenzierten öffentlichen Text, dem eine Versionsnummer folgen kann. Die letzte Sprache ist die ISO 639
-Sprachkennung der DTD-Sprache, z. B.: EN bedeutet Englisch, ZH bedeutet Chinesisch. XHTML 1.0 kann drei DTD-Typen deklarieren. Bedeutet jeweils 严格版本,过渡版本,以及基于框架的HTML文档
. HTML 4.01 strict >
ab540a5be9b0ab2c90344bc442e25cc5
metac22098bfd3f62d7436149aaab013de1a
Deklariert die von verwendete Zeichenkodierung das Dokument
Vor HTML5d44b1c13b51eddec01ecbde9e66f5216
8b05045a5be5764f313ed5b9168a17e682e535b3f4e9f6fb9559d510cf4cacf8
Titel
Seitenbeschreibung
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> html5 <meta charset="utf-8">
Schlüsselwörter
Autor der Webseite b2386ffb911b14667cb8f0f91ea547a7your title6e916e0f7d1e588d4f442bf645aedb2f
7feda0267ff3699a427bb596e1b0e236
4c3a886eab3d67fdfa884844224a10d6
index Indizieren Sie die Webseite. Dies ist das Standardverhalten und kann ignoriert werden.
noodp verwendet nicht das Open Directory Project, um Inhaltsbeschreibungen zu erstellen.
noydir verwendet kein Yahoo-Verzeichnis, um Inhaltsbeschreibungen zu erstellen. 5007405b6a1cdbbad2c35b001185ac9f
ea5e18c779cec93c332f3f68c5f195a4
nocache erlaubt Suchmaschinen nicht, zwischengespeicherte Versionen von Inhalten anzuzeigen. Das
definiert die Struktur des Dokuments und macht das Markup des Dokuments semantischer.
TippsHTML5-Tags sind umfangreicher und vollständiger, und das p-Tag scheint wenig Nutzen zu haben, aber Wenn Sie dem Dokument nur einen Stilabschnitt hinzufügen möchten, ist das p-Tag praktisch. Der Standardstil von -Tags ist in verschiedenen Browsern unterschiedlich. Um auf einer Webseite in verschiedenen Browsern den gleichen Effekt zu erzielen, ist es normalerweise notwendig, zuerst den Tag-Stil
Wenn Sie das HTML5-Tag in einem Browser verwenden möchten, der HTML5 nicht unterstützt, müssen Sie ein kleines Stück JavaScript-Code hinzufügen
html5 demo <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html5 demo</title> </head> <body> <header> <h1>html5 demo</h1> <nav> <ul> <li>nav1</li> <li>nav2</li> </ul> </nav> </header> <section> <h1>article aside</h1> <article>article</article> <aside>aside</aside> <section> <footer>footer</footer> </body> </html>
Das Tag ist editierbares Attribut contenteditable
Verwandte Empfehlungen:
@charset "utf-8"; html{margin:0;padding:0;border:0}a,abbr,acronym,address,article,aside,blockquote,body,caption,code,dd,del,dfn,dialog,p,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,label,legend,li,nav,object,ol,p,pre,q,section,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5;background:#fff}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400;float:none!important}table,td,th{vertical-align:middle}blockquote:after,blockquote:before,q:after,q:before{content:''}blockquote,q{quotes:"" ""}a img{border:none}a{text-decoration:none}:focus{outline:0}Grundlegende HTML-Syntax und semantische Schreibregeln analysieren
Javascript Die Verwendung und grundlegende Syntax regulärer Ausdrücke_Reguläre Ausdrücke
<script> document.createElement('header'); document.createElement('nav'); document.createElement('section'); document.createElement('aside'); document.createElement('article'); document.createElement('footer'); </script>Grundlegende HTML-Syntax und semantische Schreibregeln und Beispiele
5148c1b640285f5056f70cb723d5fb367618f95bdc39e398f223d37049478af1
Das obige ist der detaillierte Inhalt vonAnalyse grundlegender Grammatik- und semantischer Schreibregeln und Beispiele von HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!