Maison > interface Web > tutoriel HTML > le corps du texte

Résumé de quelques suggestions de style d'écriture de code HTML_HTML/Xhtml_Production de pages Web

WBOY
Libérer: 2016-05-16 16:36:07
original
1578 Les gens l'ont consulté

Protocole qui omet les fichiers de ressources

Il est recommandé d'omettre la partie protocole (http :, https :) dans l'URL des images, des fichiers multimédias, des styles et des scripts. Après avoir omis la partie protocole, le fichier de ressources héritera du protocole de l'URL de la page. cela seulement peut éviter le problème du contenu mixte. Vous pouvez également réduire la taille de la page. Par exemple : le référencement d'un fichier JavaScript peut être écrit de la manière suggérée suivante.

.

Pourquoi les balises h4, h5, h6 sont-elles rarement utilisées ?

Les balises de titre incluent h1 à h6. Nous utilisons couramment h1, h2, h3, mais rarement h4, h5 et h6.

Dans un site Web raisonnablement sémantique et qui ose fonctionner nu (sans utiliser CSS pour la mise en page), en plus d'être sémantique, la balise de titre a également des effets de style. Mais aujourd'hui, lorsque CSS est populaire, l'utilisation de h1 et h6 le fait. cela ne fait pas vraiment une grande différence. La différence est que l'apparence peut être utilisée avec désinvolture.

En tant que balise de titre, elle a des fonctions plus puissantes. L'élément titre désigne les mots-clés ayant un poids élevé sur la page, donc h1, h2 et h3 sont fréquemment utilisés pour pondérer les mots-clés. Le poids de h4, h5 et h6. la valeur n'est pas élevée, même pas aussi bonne que strong et em, elle est donc rarement utilisée. On estime que leur niveau d'autorisation est le suivant :

.

h1 > h2 > h3 >

Quand utiliser la tête, le corps ou le pied ?

Au départ, je pensais que thead était utilisé comme en-tête de tableau pour contenir l'unité de titre du tableau, comme th; tandis que tbody était utilisé pour contenir le contenu du tableau, et tfoot était la description du tableau. correct. Ces balises sont en fait inutiles.

Parce que le navigateur a généralement besoin que le tableau entier soit téléchargé avant de commencer à s'afficher, ce qui affecte la lecture de l'utilisateur à l'ère de la disposition des tableaux, par conséquent, ces balises sont utilisées pour diviser le tableau en plusieurs parties du tableau et celles téléchargées. une partie peut être affichée. De plus, lors de l'impression de formulaires longs, l'en-tête et le pied de page peuvent apparaître sur chaque page.

Omettre les balises facultatives
Les étudiants ayant utilisé Dreamwave doivent avoir l'impression que lorsque l'on crée un fichier HTML, le code par défaut est le suivant.

Code XML/HTML
Copier le contenu dans le presse-papiers
  1. <html>
  2. <tête>
  3. tête>
  4. <corps>
  5. corps>
  6. html>
Nous mettrons le titre, les références CSS et JavaScript externes dans la zone d'en-tête, et le contenu affiché sur la page sera placé dans le corps, mais en fait html, head et body sont tous des balises omissables.

Après avoir supprimé ces balises facultatives, cela semble étrange, mais la page s'affiche normalement et la détection W3C peut passer. J'ai déjà fait cela sur mon blog. Mais il y a une chose à noter, si vous souhaitez écrire la page. XHTML , alors veuillez conserver la balise html, car vous avez toujours besoin du code suivant comme déclaration.

Code XML/HTML
Copier le contenu dans le presse-papiers
  1. <html xmlns="http://www .w3.org/1999/xhtml"> 

b タグと i タグ

b タグと i タグは u タグと同じ運命にあり、W3C では「非推奨タグ」に分類されていると考えている人が多いですが、HTML5 の仕様では、この 2 つのタグは依然として推奨されています。このことについては、私も友人と議論しましたが、HTML5 で定義する方法がまったくわかりませんでした。


時間タグ

hr はコンテンツを区切る線であり、CSS で処理できるかどうかに関係なく、hr は役に立たないものだと常々思っていました。記事の文脈が完全に分離されており、無関係になります。

これは、hr が意味的に同じであり、クローラーもそれを理解できる点を除いて、多くのブログ投稿に登場する下の図の境界線と同様に機能します。
2016310120400893.png (600×180)タグをボタンとして使用するのはなぜですか?

以前のバージョンの IE ではホバー効果が見られないため、input type="button" ではないことは理解できますが、なぜ a タグがタグではなく、href なしでボタンになっているのでしょうか。このアプローチは正しいですよね? まだ考えていませんでしたが、これは条件反射のようでした。

あとがき


2016310120417859.png (600×341)Google の HTML/CSS コーディング スタイル ガイドは、短く簡潔に推奨されるコード記述マニュアルです。これは非常に便利ですが、その中にはインデントに 2 つのスペースを使用することを推奨する項目があります。はい、私たちのチームはまだタブを使用しています。

このマニュアルの HTML 提案の多くは HTML5 向けですが、ここでは XHTML スタイルではなく HTML スタイルが使用されており、コードを省略すると実際にコードの可読性が低下します。 .

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal