Analyse grundlegender Grammatik- und semantischer Schreibregeln und Beispiele von HTML-HTML-Tutorial-php.cn

Analyse grundlegender Grammatik- und semantischer Schreibregeln und Beispiele von HTML

小云云

Freigeben： 2017-12-26 09:44:03

Original

1978 Leute haben es durchsucht

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 <!DOCTYPE>, 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 >

HTML5-Dokumenttyp

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

meta<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Deklariert die von verwendete Zeichenkodierung das Dokument

Vor HTML5<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<!DOCTYPE html>

SEO-Optimierung

Titel

Seitenbeschreibung

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
html5
<meta charset="utf-8">

Nach dem Login kopieren

Schlüsselwörter

Autor der Webseite

<title>your title</title>

Methode zur Indexierung von Web-Suchmaschinen

<meta name="description" content="your description">

Folgen Sie, um Links zu verfolgen und Zielwebseiten zu analysieren. Dies ist das Standardverhalten und kann ignoriert werden.

<meta name="keywords" content="your keywords"> 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. <meta name="author" content="your name">

noarchive erlaubt Suchmaschinen nicht, zwischengespeicherte Versionen von Inhalten anzuzeigen.

Cache ermöglicht Suchmaschinen die Anzeige zwischengespeicherter Versionen von Inhalten.

<meta name="robots" content="index,follow"> nocache erlaubt Suchmaschinen nicht, zwischengespeicherte Versionen von Inhalten anzuzeigen. Das

-Tag

definiert die Struktur des Dokuments und macht das Markup des Dokuments semantischer.

Tipps

HTML5-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

< zu formatieren 🎜>

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>

Nach dem Login kopieren

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:&#39;&#39;}blockquote,q{quotes:"" ""}a img{border:none}a{text-decoration:none}:focus{outline:0}

Nach dem Login kopieren

Grundlegende HTML-Syntax und semantische Schreibregeln analysieren

Javascript Die Verwendung und grundlegende Syntax regulärer Ausdrücke_Reguläre Ausdrücke

<script>
 document.createElement(&#39;header&#39;);
 document.createElement(&#39;nav&#39;);
 document.createElement(&#39;section&#39;);
 document.createElement(&#39;aside&#39;);
 document.createElement(&#39;article&#39;);
 document.createElement(&#39;footer&#39;);
</script>

Nach dem Login kopieren

Grundlegende HTML-Syntax und semantische Schreibregeln und Beispiele

<article contenteditable></article>

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!