Heim >Web-Frontend >HTML-Tutorial >Grundlegende HTML-Grammatik- und semantische Schreibregeln und Beispiele

Grundlegende HTML-Grammatik- und semantische Schreibregeln und Beispiele

陈政宽~
陈政宽~Original
2017-06-28 14:03:351581Durchsuche

Dieser Artikel organisiert die grundlegende Syntax und Semantik von HTML und bietet Beispiele, die Freunde, die sie benötigen, auf

DOCTYPE

DOCTYPE (Dokumenttyp)

Diese Deklaration befindet sich ganz am Anfang des Dokuments, vor dem HTML-Tag. Dieses Tag teilt dem Browser mit, welche HTML- oder XHTML-Spezifikation das Dokument verwendet.

DTD (Document Type Definition)

Die Deklaration beginnt mit

, 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 1a309583e26acea4f04ca31122d8c535, 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: DTD. 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 W3C-Sprachkennung der DTD-Sprache, z. B.: EN bedeutet Englisch, ZH bedeutet Chinesisch. XHTML 1.0 kann drei DTD-Typen deklarieren. Bedeutet jeweils ISO 639. HTML 4.01 strict >严格版本,过渡版本,以及基于框架的HTML文档

HTML5-Dokumenttyp

ab540a5be9b0ab2c90344bc442e25cc5

meta

c22098bfd3f62d7436149aaab013de1a

Deklariert die von verwendete Zeichenkodierung das Dokument

Vor HTML5

d44b1c13b51eddec01ecbde9e66f5216

SEO-Optimierung

8b05045a5be5764f313ed5b9168a17e682e535b3f4e9f6fb9559d510cf4cacf8Titel

Seite Beschreibung

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
html5
<meta charset="utf-8">
Schlüsselwörter

Webautor

    b2386ffb911b14667cb8f0f91ea547a7your title6e916e0f7d1e588d4f442bf645aedb2f

Web Suchmaschinen-Indexierungsmethode

    7feda0267ff3699a427bb596e1b0e236

folgen Folgen Sie dem Link und analysieren Sie die Zielseite. Dies ist das Standardverhalten und kann ignoriert werden.

index Indizieren Sie die Webseite. Dies ist das Standardverhalten und kann ignoriert werden.     4c3a886eab3d67fdfa884844224a10d6

noodp verwendet nicht das Open Directory Project, um Inhaltsbeschreibungen zu erstellen.

noydir verwendet kein Yahoo-Verzeichnis, um Inhaltsbeschreibungen zu erstellen.

    5007405b6a1cdbbad2c35b001185ac9f noarchive erlaubt Suchmaschinen nicht, zwischengespeicherte Versionen von Inhalten anzuzeigen.

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

nocache erlaubt Suchmaschinen nicht, zwischengespeicherte Versionen von Inhalten anzuzeigen. Das     ea5e18c779cec93c332f3f68c5f195a4

-Tag

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

Tipps

HTML5-Tags sind reichhaltiger und vollständiger. Das p-Tag scheint keinen Nutzen zu haben, aber wenn Sie nur einen Abschnitt mit Stil hinzufügen möchten zum Dokument, das ist, wenn das p-Tag nützlich ist. Die Standardstile der

-Tags unterscheiden sich in verschiedenen Browsern. Damit eine Webseite in verschiedenen Browsern den gleichen Effekt hat, 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>

Das Tag ist editierbares Attribut contenteditable

@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}
Ich hoffe, dass der Inhalt des obigen Artikels allen meinen Freunden hilfreich sein wird

Das obige ist der detaillierte Inhalt vonGrundlegende HTML-Grammatik- und semantische Schreibregeln und Beispiele. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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