Heim > Web-Frontend > HTML-Tutorial > Zusammenfassung einiger Vorschläge zum Schreiben von HTML-Code_HTML/Xhtml_Webseitenproduktion

Zusammenfassung einiger Vorschläge zum Schreiben von HTML-Code_HTML/Xhtml_Webseitenproduktion

WBOY
Freigeben: 2016-05-16 16:36:07
Original
1586 Leute haben es durchsucht

Protokoll, das Ressourcendateien weglässt

Es wird empfohlen, den Protokollteil (http:, https:) in der URL von Bildern, Mediendateien, Stilen und Skripten wegzulassen. Nach dem Weglassen des Protokollteils erbt die Ressourcendatei das Protokoll der Seiten-URL Dies kann nur das Problem gemischter Inhalte verhindern. Sie können beispielsweise auch die Größe der Seite reduzieren: Das Referenzieren einer JavaScript-Datei kann auf die folgende vorgeschlagene Weise geschrieben werden.

Warum werden die Tags h4, h5, h6 selten verwendet?

Titel-Tags umfassen h1 bis h6. Wir verwenden häufig h1, h2, h3, aber selten h4, h5 und h6.

In einer Website, die einigermaßen semantisch ist und es wagt, nackt zu laufen (ohne CSS für das Layout zu verwenden), hat der Titel-Tag nicht nur semantisch, sondern auch einige Styling-Effekte. Heutzutage ist CSS jedoch beliebt und die Verwendung von h1 und h6 tut dies macht eigentlich keinen großen Unterschied. Der Unterschied besteht darin, dass das Aussehen beiläufig verwendet werden kann.

Als Titel-Tag hat es leistungsfähigere Funktionen. Das Titelelement bezeichnet die Schlüsselwörter mit hoher Gewichtung auf der Seite, daher werden häufig h1, h2 und h3 zur Gewichtung der Schlüsselwörter verwendet Der Wert ist nicht hoch, nicht einmal so gut wie strong und em, daher wird er selten verwendet. Es wird geschätzt, dass ihre Berechtigungsstufe wie folgt ist:

h1 > h3 > h4 >

Wann sollte man Kopf, Körper oder Fuß verwenden?

Ich dachte ursprünglich, dass der Kopf als Tabellenkopf für die Tabellentiteleinheit verwendet wird, während der Körper für den Tabelleninhalt verwendet wird und der Fuß für die Tabellenbeschreibung. Tatsächlich habe ich das nicht ganz verstanden richtig. Diese Tags sind eigentlich entbehrlich.

Da der Browser im Allgemeinen die gesamte Tabelle herunterladen muss, bevor sie angezeigt wird, was sich auf die Lesefähigkeit des Benutzers im Zeitalter des Tabellenlayouts auswirkt, werden diese Tags verwendet, um die Tabelle in mehrere Tabellenteile zu unterteilen und diese herunterzuladen Darüber hinaus können beim Drucken von Langformularen die Kopf- und Fußzeile auf jeder Seite angezeigt werden

Optionale Tags weglassen
Schüler, die Dreamwave verwendet haben, sollten den Eindruck haben, dass beim Erstellen einer HTML-Datei der Standardcode wie folgt lautet.

XML/HTML-Code
Inhalt in die Zwischenablage kopieren
  1. <html>
  2. <Kopf>
  3. Kopf>
  4. <Körper>
  5. Körper>
  6. html>
Wir werden den Titel, externe CSS- und JavaScript-Referenzen in den Kopfbereich einfügen, und der auf der Seite angezeigte Inhalt wird in den Hauptbereich eingefügt, aber tatsächlich sind HTML, Kopf und Körper alle wegzulassende Tags.

Nach dem Löschen dieser optionalen Tags sieht es seltsam aus, aber die Seite wird normal angezeigt und die W3C-Erkennung kann erfolgreich sein. Eines ist jedoch zu beachten, wenn Sie die Seite schreiben möchten XHTML, dann behalten Sie bitte den html-Tag bei, da Sie als Anweisung noch den folgenden Code benötigen.

XML/HTML-Code
Inhalt in die Zwischenablage kopieren
  1. <html xmlns="http://www .w3.org/1999/xhtml"> 

b tag et i tag

Beaucoup de gens pensent que les balises b et i ont le même sort que la balise u, et sont classées comme « balises non recommandées » par le W3C. Cependant, dans la spécification HTML5, ces deux balises sont toujours recommandées. J'en ai toujours été conscient, je me suis même disputé avec mes amis à ce sujet, mais je n'ai jamais compris comment les définir en HTML5.


balise horaire

hr est une ligne, une ligne horizontale qui divise le contenu. J'ai toujours pensé que hr est une chose merdique. La ligne tracée est inutile, qu'elle puisse ou non être traitée avec CSS. En fait, hr est sémantiquement la ligne de démarcation. de l'article. Le contexte de l'article est complètement séparé, ce qui les rend hors de propos.

Cela fonctionne comme la ligne de démarcation dans la figure ci-dessous qui apparaît dans de nombreux articles de blog, sauf que hr est sémantiquement la même et que les robots d'exploration peuvent également la comprendre
2016310120400893.png (600×180)

.

Pourquoi utilisons-nous des balises comme boutons ?

Il est compréhensible qu'il ne s'agisse pas d'un input type="button", car l'effet de survol n'est pas visible dans les versions inférieures d'IE. Mais pourquoi est-il span au lieu d'une balise a est transformée en bouton sans href ? . Cette approche est correcte, n'est-ce pas ? Je n'y ai pas encore pensé, faire ça avant était comme un réflexe conditionné.
2016310120417859.png (600×341)

Postface

Le guide de style de codage HTML/CSS de Google est un manuel d'écriture de code court et concis. Il est très utile, mais ne soyez pas superstitieux. Il contient un élément qui recommande d'utiliser deux espaces pour l'indentation, ce qui n'est peut-être pas le cas. être réalisable dans de nombreuses équipes, notre équipe utilise encore des onglets maintenant.

De nombreuses suggestions HTML dans ce manuel concernent HTML5, mais le style HTML est utilisé ici plutôt que le style XHTML. Dans de nombreux endroits, l'omission du code affaiblit en fait la lisibilité du code. .

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage