Revenons à l'essentiel pour celui-ci. Tous ceux qui lisent ceci savent au moins ce que HTML est. Je pense que quel que soit le niveau d’expérience d’une personne, la révision des fondements peut aider à accroître les connaissances. Cela permet également de perfectionner les compétences, en particulier avec les technologies en constante évolution qui pilotent Internet.

Il a également été beaucoup question de changement avec HTML 5. Chaque balise que je mentionne ci-dessous est prise en charge à la fois par HTML 4.01 et HTML 5. Certaines de ces balises sont déjà largement utilisées; Je voudrais contester certaines des façons dont nous les utilisons et les pensons.

1.

Tout livre sur la programmation que vous lirez vous dira qu’il est bon d’expliquer ce que vous faites. Pourquoi les commentaires sont-ils une bonne idée? Pour cette raison exacte. Cela aide ceux qui consultent votre code à savoir ce qui se passe.

Pour HTML, les commentaires peuvent sembler excessifs; Cependant, il peut être utilisé pour définir des sections et peut aider à garder votre code organisé et structuré. Étiqueter le début et la fin d'une section aide vraiment avec le flux de travail.

 
 
élément de menu 1
 
élément de menu 2
 
   
C'est le contenu principal.
… 

2. Styles de table - , , et

Quand je repense aux débuts du développement Web, la première chose qui me vient à l’esprit est

. J'ai tellement abusé de cela. Lors de l'utilisation correctement, pour les données tabulaires seulement, il est possible de définir des styles pour les en-têtes de colonne, les rangées de pied de page et le corps.

Aussi ennuyeux qu'il soit, il est vraiment agréable de créer une feuille de calcul bien formatée. (Cela parle en dehors du développement Web.) Pourquoi ne devrions-nous pas mener cette tâche simple de formatage dans un superbe design? Chaque balise peut ensuite être facilement stylée dans la feuille de style du site..

Juste pour clarifier: ces trois balises affectent toutes les lignes du tableau.

Article	Qté
Somme	7
#1	3
# 2	4

Envelopper les lignes de la table avec .

Envelopper les lignes de la table avec . le les lignes doivent également être au-dessus . Ceci afin que la ligne de pied de page soit rendue avant les lignes de données restantes..

Envelopper les lignes de la table avec .

 
 
 
Article
 
Qté
 
 
 
 
 
Somme
 
7
 
 
 
 
 
#1
 
3
 
 
 
# 2
 
4
 
 
 

3.

Les listes déroulantes sont un excellent moyen de présenter des données à un utilisateur pour qu'il les sélectionne. Ils sont non seulement conscients de la réalité de l'écran, mais sont familiers et faciles à utiliser. La grande chose est avec , il est possible de créer des catégories (ou nous pourrions les appeler des titres) pour vos options.

Tigres de Detroit
Cubs de Chicago

Lions de Detroit
Bears de Chicago

  Tigres de Detroit Cubs de Chicago   Lions de Detroit Bears de Chicago  

4. Rubriques -

,

,

,

,

, et

Je sais que tout le monde utilise des balises de titre. Mais, pour être honnête, je ne me souviens pas quand la dernière fois que j’ai utilisé

ou inférieur si. Je n’ai aucun bon raisonnement à part je n’y ai pas pensé et j’ai utilisé quelque chose de moins sémantique, comme styler du texte dans un texte.

.

Mon point ici est: ne créez pas plus de travail pour vous-même. N'oubliez pas d'utiliser toutes les balises de titre.

5.

et

J'aime les sites où il est facile de trouver des informations avec des éléments séparés de manière logique. Je pense que ça a l'air élégant.

les groupes forment des éléments en traçant une boîte autour d'eux. Il est également possible d’ajouter une légende au formulaire en utilisant

.

 
 
Informations générales: 
 Prénom:  Email:  Date de naissance:  
 

6.

C'est peut-être l'une de mes balises HTML préférées. L'étiquette ne fait rien pour le style. Il ajoute des fonctionnalités.

est utilisé pour définir une étiquette sur un élément d'entrée. Alors, quel est le problème? Lorsqu'elle est utilisée, l'étiquette devient cliquable, rendant le champ de saisie correspondant actif. Cela fonctionne pour les zones de texte ou les boutons radio.

Prénom:
Mâle:
Femelle:

 Prénom:  Mâle:  Femelle:  

7.

Si vous souhaitez créer un effet dramatique pour attirer l’attention sur une déclaration ou une phrase, vous pouvez utiliser

. Un espace blanc est inséré avant et après l'élément, par défaut. Des marges sont également ajoutées pour compenser le texte contenu de l'autre contenu..

C'est aussi un excellent moyen de faire des choses comme une citation en bloc traditionnelle. (Je sais que c'était horriblement évident.) La plupart du temps, lorsque j'écris un tutoriel, je prends un extrait direct d'un autre site ou d'une autre source. j'utiliserai

mettre cela à part.

C’est ce que Nettuts + utilise pour son style blockquote.

8.

Je ne veux pas dire ça est liée à

, mais je sais que je finis normalement par les utiliser conjointement.

Penser à lorsque vous devez fournir une citation pour quelque chose. Si vous venez tout juste de sortir du collège, pensez à fournir la liste de vos références à la fin de vos papiers. Rappelez-vous qu'en format MLA, les titres de livre et de périodique doivent être en italique.

"Nous aimons la belle typographie et nous apprécions les efforts des concepteurs qui proposent d'excellentes techniques et outils typographiques ou qui partagent simplement leurs connaissances avec d'autres concepteurs." - smashingmagazine.com

 
"… C'est une excellente citation." - un certain grand 

9.

L'utilisation de listes est un excellent moyen d'organiser les informations. Tout le monde est au courant de

, mais combien de fois sont
et

utilisé? Peut-être que la référence à la "liste de définitions" amène certains codeurs débutants à penser qu'ils ne peuvent être utilisés que lors de l'insertion de termes et de définitions..

Types de listes

1. Liste non ordonnée (ul)
2. Liste ordonnée (ol)
3. Liste de définition (dl)

Ce qu'ils font

• Liste non ordonnée (ul): Une liste à puces
• Liste ordonnée (ol): Une liste numérotée
• Liste de définition (dl): Une liste avec les définitions des éléments

Raisons d'utiliser des listes

• Style uniforme
• Facile à créer
• Très polyvalent

Chaque type de liste affiche des informations précieuses. Je ne pense pas avoir besoin d'expliquer

et
, mais regardons de plus près la structure d'une liste de définitions.

 
Ceci est l'élément de liste n ° 1
 
Ceci est la définition de l'élément de liste n ° 1
 
Ceci est l'élément de liste n ° 2
 
C'est la définition de l'élément de liste n ° 2

Au lieu de ne déclarer qu'un type de liste (

ou
) et chaque élément de la liste (
1. ), nous utilisons
   et
   .
   définit chaque élément de la liste et
   décrit l'élément ci-dessus.

   10. '(et autres caractères ASCII)

   Il est approprié d’utiliser des codes HTML ASCII lorsqu’un symbole est utilisé. C'est un peu plus de travail, mais cela garantira que les caractères sont restitués correctement et que le navigateur ne les confond pas avec une chaîne ou une autre balise. Avez-vous déjà rencontré sur une page Web du texte qui ne semblait pas correct? Peut-être quelque chose comme ceci: "Je n'ai pas utilisé% HTML! # Pour rendre l'apostrophe."

   L'exemple ci-dessus est forcé, mais je pense qu'il traduit l'idée.

   Les jeux de caractères utilisés dans les ordinateurs modernes, HTML et Internet sont tous basés sur ASCII. - w3schools.com

   w3schools.com a une excellente page de référence HTML ASCII pour les caractères ASCII. J'encourage tout le monde à vérifier et à mémoriser quelques-uns des caractères les plus couramment utilisés, tels que l'apostrophe, les citations, l'esperluette et le symbole "at".

   Merci beaucoup d'avoir lu!

   Code