1.1 Histoire du HTML
De nos jours, presque tout le monde utilise Internet. Lisez des articles, utilisez un navigateur, suivez des liens. Et seuls quelques-uns d'entre eux se demandent quand et par qui Internet a-t-il été inventé ?
Cela dépend toujours de ce que vous appelez Internet. Le plus souvent, le profane veut dire une chose et le technicien une autre. Le réseau informatique reliant les plus grands centres de données du monde a été créé dans les années 70. Mais Internet accessible à une personne ordinaire (navigateur, liens, toutes sortes de pages) a été inventé par une seule personne au début des années 90 . Et c'était comme ça...
Au début des années 1990, le Britannique Tim Berners-Lee a inventé Internet. Bien que, néanmoins, ce qu'il a inventé s'appelle plus correctement le Web : World Wide Webil est www, il est aussi le World Wide Web. Oui, un homme a inventé le World Wide Web.
De 1986 à 1991, il a travaillé au Centre de recherche du CERN (à Genève, Suisse) sur une nouvelle norme de documentation scientifique. Vous voyez, il est de coutume pour les scientifiques de publier des articles scientifiques sous forme d'articles, et à la fin des articles d'indiquer la liste de la littérature utilisée. En d'autres termes, la connaissance scientifique est une liste d'articles liés les uns aux autres.
Soit dit en passant, Wikipédia moderne ressemble beaucoup à la façon dont son créateur voyait le World Wide Web : des articles scientifiques avec des liens les uns aux autres, une liste des sources et de la littérature utilisée. Et si Tim avait de la chance, le Web serait toujours comme ça. Mais sur le chemin d'un avenir meilleur, le monde a pris une mauvaise tournure quelque part :)
Le web repose sur trois technologies :
HTML-page, qui contient du texte, des images et des liens vers d'autresHTML-pages.- • Un navigateur qui s'affiche
HTML-pagede la manière la plus humaine possible. - • Protocole
http- une norme permettant aux serveurs Web de communiquer avec les navigateurs et entre eux.
Tim Berners-Lee n'a pas tant inventé ces choses qu'il les a standardisées. HTML- a été créé sur la base de la norme SGML. Des balises y ont également été empruntées. Mais le premier navigateur Web au monde appelé WorldWideWebTim a écrit lui-même, et en 1990.
1.2 HTML n'est pas un langage de programmation
HTMLce n'est pas un langage de programmation et ne l'a jamais été. Ne dis jamais ça. Même si vous rédigerez un CV, ne l'indiquez jamais HTMLdans la section langages de programmation, uniquement dans la section Outils (technologie). Ce serait une grossière erreur d'écrire dans votre CV que vous connaissez un langage de programmation HTML. Pourquoi?
Et le fait est que HTMLc'est un langage de balisage pour les documents. Si nous le simplifions beaucoup, HTML-documentil s'agit alors d'un texte (document) avec des images, des tableaux, des liens, etc. insérés dedans.
Disons que vous voulez écrire un article qui :
- Titre de l'article (titre).
- L'article lui-même, composé d'un paragraphe.
- Image.
- Quelques déclarations importantes que vous souhaitez mettre en gras.
- Au milieu de l'article, fournissez un lien vers des informations utiles.
Voici à quoi ressemblera ce document dans le navigateur :
chat domestique
Du point de vue de la taxonomie scientifique, le chat domestique est un mammifère de la famille des félins de l'ordre des carnivores. Souvent, un chat domestique est considéré comme une sous-espèce du chat des forêts, cependant, du point de vue de la taxonomie biologique moderne (2017), le chat domestique est une espèce biologique distincte .
Plutôt bien, non ? Et la norme HTMLvous permet de rendre ce document lisible à la fois pour les humains et les ordinateurs. Voici à quoi ça ressemble dans HTML-standard:
<h1> Chat domestique </h1>
Du point de vue de la taxonomie scientifique, le chat domestique est <a href="/"> un mammifère </a> de la famille des félins de l'ordre des carnivores. Souvent, un chat domestique est considéré comme une sous-espèce du chat des forêts, cependant, du point de vue de la taxonomie biologique moderne (2017), le chat domestique <b> est une espèce biologique distincte </b> .
<img src="cat.jpg">
Des balises spéciales ont été ajoutées au texte de l'article (surligné en rouge ), qui sont comprises à la fois par une personne et un ordinateur (navigateur). Le navigateur peut afficher l'article magnifiquement pour le lecteur, et l'auteur de l'article peut facilement le modifier.
1.3 L'émergence du protocole HTTP
L'abréviation HTMLsignifie Hyper Text Markup LanguageHypertext Document Markup Language. L'hypertexte est un document composé de pages liées les unes aux autres. Qu'est-ce que c'est http?
HTTPsignifie Hyper Text Transfer ProtocolHypertext Transfer Protocol (standard). httpou httpsvous pouvez voir dans la barre d'adresse du navigateur si vous essayez de copier le lien vers la page ouverte.
Un lien de page typique ressemble à ceci :
http://google.com/logo.jpgAu tout début du lien se trouve le nom du protocole, suivi de deux-points et de deux barres obliques. Tim Bernes-Lee a dit un jour dans l'une de ses interviews que s'il avait su que le protocole httpserait si populaire, il aurait proposé quelque chose de plus court. (après tout, presque tous les liens dans le monde commencent par le mot http://ou https://)
Revenons aux navigateurs. Lorsqu'un navigateur demande html-page, il envoie un fichier texte (demande) au serveur et reçoit un autre fichier texte (réponse) en retour. Ce mode de fonctionnement est appelé client-serveur.
D'abord, il y a des lignes avec des informations clés, puis avec des informations sur le service. La première ligne de la requête de texte est donnée par le modèle :
MethodURI HTTP/VersionLa page personnelle de l'utilisateur CodeGym est donnée par le lien
https://codegym.cc/mehttp-requestnavigateur pour cela ressemble à ceci:
GET /me HTTP/1.0
Host: codegym.ccEn réponse, le serveur enverra très probablement
HTTP/1.0 200 OK
<html>page text...La première ligne du texte de la réponse est la version du protocole http et l'état de la réponse (200, OK) . Vient ensuite une ligne vide , puis juste sous forme de texte vient celle html-pageque le navigateur a demandée. Tout est très simple :)