Comment structurer un document html pour faire une page Web sur votre Raspberry Pi

Afin de faire une page sur le Raspberry Pi web, vous aurez besoin de structurer le document HTML correctement. Un extrait de code est un bon moyen de voir comment les balises HTML fonctionnent et comment votre navigateur les interprète, mais vous avez besoin d'inclure beaucoup plus d'informations et de balisage avant que vous pouvez créer une page web vraiment valable.

Un document HTML comporte deux parties principales: l'en-tête (entre le et balises) et le corps (entre le et balises). L'en-tête est principalement utilisé pour des informations sur la page Web, tandis que le corps contient le contenu réel de la page.

Mots clés fonctionnent tous de la même manière, avec une ouverture de la balise et une autre fermeture. Comme vous pouvez le voir, il est normal d'avoir des balises à l'intérieur d'autres balises. Dans le présent document, toutes les autres étiquettes à l'exception du premier sont à l'intérieur du ouverture et de fermeture des balises.

Vous ne devez pas mémoriser tous ces nouveaux tags, chanceux pour vous, car ici, est un cadre vous pouvez réutiliser et modifier légèrement pour chaque nouvelle page Web que vous créez. Vous devez changer seulement deux bits pour chaque page Web que vous créez:

• et : Entre ces balises est le titre de la page, qui apparaît dans les signets, les résultats des moteurs de recherche, et dans la barre de titre en haut du navigateur (ou l'onglet de la page, si vous utilisez les onglets) lorsque vous êtes en visite à la page.

• et : Entre ces balises est où vous mettez tout votre contenu de page Web, de sorte que cette section a tendance à être assez long quand vous travaillez avec une véritable page web. Dans cet exemple, vous pouvez voir que le bout de code HTML est entre les balises du corps.

Pour ceux qui veulent tout comprendre, voici une ventilation du reste du document:

• : Cela indique au navigateur quelle version de HTML que vous utilisez. Vous pouvez voir le DOCTYPE pour HTML5, qui est tout simplement le mot html. Les anciennes versions de HTML avaient types de documents longs et compliqués, et vous aurez toujours venir à travers ceux-ci de temps à autre.

• et : Ces balises sont utilisées pour marquer le début et la fin du document HTML. La balise d'ouverture précise également la langue du document, dans ce cas, l'anglais.

• et : Ces balises marquent le début et la fin de l'en-tête. La seule chose à l'intérieur de notre tête est le titre de la page, mais comme vous en apprendre davantage sur le langage HTML, vous croiserez plusieurs balises qui appartiennent ici.

• : Cette balise définit le jeu de caractères qui est utilisé dans le document, de sorte que les personnes qui utilisent des langues avec des alphabets différents peuvent dire que l'on devrait être utilisé. Pour ce projet, il ya un jeu de caractères appelé utf-8. Vous remarquerez peut-être il ya une barre oblique à l'intérieur de la parenthèse fermante sur cette balise. Cela est parce que l'étiquette ne entoure rien, donc il n'a pas une balise de fermeture séparée.

  Dans une version précédente de HTML appelé XHTML, chaque balise a dû être fermé, donc quand il n'y avait pas de balise de fermeture séparée, une barre a été placée à l'intérieur de la parenthèse de fermeture de l'étiquette à la place. Beaucoup de gens considèrent encore cette pratique, mais il est facultatif.

  

Vous pouvez utiliser des espaces pour mettre en retrait les lignes à l'intérieur de la tête et le corps et les lignes vides autour de ces deux articles, de sorte que vous pouvez plus facilement voir où l'en-tête et le début du corps et à la fin. Les gens font souvent: Il rend le HTML facile à lire et à modifier. HTML ignore espace vide, de sorte qu'il n'a pas d'importance combien vous utilisez, ou lorsque vous le mettez.

Il n'a pas d'importance sur le plan technique si vos balises sont en majuscules ou en minuscules, mais il semble plus net quand il est cohérent et convention dicte minuscules pour toutes les balises à l'exception du DOCTYPE.

Lorsque vous ouvrez cette page dans votre navigateur, il semble le même que notre code précédent extrait a fait dans le navigateur, sauf que vous verrez un titre dans la barre en haut du navigateur, et il est une page Web valide maintenant. Vous pouvez publier ce sur Internet si vous voulez, et il fonctionnerait parfaitement.

Car il semble tout de même, vous pourriez vous demander pourquoi vous avez besoin de se préoccuper de tous ces autres balises, puis. La réponse est que la plupart des navigateurs sont assez indulgent et vont essayer de travailler autour de vos erreurs et omissions, mais vous ne pouvez pas compter sur cela.

Vous ne savez pas quel navigateur un visiteur pourrait utiliser pour afficher votre site, si vous avez besoin de fournir toutes les balisage correct, même si une page fonctionne bien sur votre Raspberry Pi. Les autres navigateurs ou périphériques risquent de ne pas être en mesure de faire face à un document HTML valide ainsi que Midori boîte.