Salut.
Aujourd'hui, nous allons parler de HTML5.
Plus précisément ce que c'est, et pourquoi nous n'apprenons pas HTML1 à la place.
Alors, qu'est-ce que HTML ?
HTML signifie langage de balisage hypertexte.
Les langages de balisage sont en fait très courants.
Ils ne sont pas les mêmes que les langages de programmation, ce
sont plutôt des langages spéciaux qui utilisent des balises pour annoter ou marquer des documents.
En HTML, les balises indiquent aux navigateurs où vous souhaitez placer des titres,
des images, des listes, des liens, etc.
Un fichier .HTML est un type particulier de fichier.
Vous avez déjà vu des extensions de fichiers spéciales auparavant.
Chaque fois que vous ouvrez un fichier qui a un .doc,
votre ordinateur sait l'ouvrir dans Microsoft Word.
Si vous voyez un fichier avec .ppt que votre ordinateur sait,
oh c'est un fichier Power Point, je devrais l'ouvrir dans Power Point.
De la même manière, lorsque votre ordinateur voit le fichier .html, il sait qu'il devrait l'
ouvrir dans un navigateur Internet tel que Chrome, Firefox ou Safari.
Votre navigateur peut lire ce fichier et il sait comment l'afficher à l'écran.
C' est plus que cela, les balises de fichiers HTML permettent également aux lecteurs d'écran et autres
appareils assistés d'utiliser les balises pour présenter l'information de manière nouvelle et spéciale.
Donc, HTML est très similaire à l'anglais,
vous pouvez le comprendre même si vous ne savez pas grand-chose à ce sujet.
Regardons cet exemple de fichier HTML ici.
La plupart est juste une langue anglaise typique.
C' est une rubrique importante ou bonjour là.
Je vais inclure un lien vers la page du cours.
Mais si vous regardez de près, vous pouvez voir que nous avons ajouté ces petites balises
que le navigateur utilise ceci pour savoir comment représenter le matériel.
Donc, h1 est juste la balise headtag.
Il dit au navigateur, hé c'est quelque chose de vraiment important.
Je veux que vous le mettiez dans une police plus grande, et aussi si quelqu'un utilise un
appareil assisté, je veux qu'il sache si c'est quelque chose d'important.
H2 affiche également une sorte d'importance, mais pas autant.
J' ai une balise p pour un paragraphe,
et j'ai une autre balise ici appelée et balise ancre.
Pour faire savoir au navigateur, je ne veux pas que vous montriez simplement ce matériel,
je veux que vous le liez réellement à une autre page Web.
Donc, voici la sortie quand n'importe quel navigateur regarderait notre code.
Au début, apprendre le HTML consiste principalement à apprendre toutes les différentes
balises que je vous ai montrées dans ce fichier.
C' est ce qu'on appelle l'apprentissage de la syntaxe.
C' est ainsi que vous apprenez quels crochets utiliser, barres obliques inverses et
différentes choses comme ça.
Tu as passé la plupart de ton temps à aller, oh, je me souviens de cette étiquette et
je l'ai écrite de la bonne façon ?
C' est de très courte durée.
Dans un peu de temps,
vous allez gagner la confiance de ne pas vous inquiéter de votre syntaxe et
de penser à la sémantique ou à la signification derrière les balises.
Quelle est l'importance de cette information que j'essaie de traverser, et
est-ce la bonne balise à utiliser ?
Si quelqu'un recherche ma page, peut-il trouver ce qu'il cherche ?
Même s'ils ne peuvent pas voir le texte, peuvent-ils utiliser les balises pour le parcourir ?
Alors qu'est-il arrivé à HTML1 ?
Pourquoi utilisons-nous quelque chose appelé HTML5 ?
Parlons des premières années.
HTML a été créé en 1990 pour relier électroniquement
différents documents par l'intermédiaire de liens hypertexte.
D' où cette idée d'un réseau de connexions.
Ce qui se passait,
c'est que les scientifiques utilisaient Internet pour énumérer leurs différents articles de recherche,
et vous auriez une longue liste, chaque article indépendant de l'autre.
Mais, HTML, vous a donné des moyens que vous pourriez lire un article, et à
droite dans le texte, lien vers un autre papier physique passionnant.
Parce que le public de HTML avait tendance à être des gens comme mon père là-bas dans
le coin, ils étaient des physiciens nucléaires, ils ne se souciaient pas de choses telles que la
couleur, les images, ou tout ce qui n'était pas lié à la science, et c'était la clé.
HTML était conçu pour fonctionner sur n'importe quelle plate-forme.
Et pour ce faire, vous deviez vraiment éviter des choses telles que des polices spéciales ou des
couleurs différentes ou tout ce qui était plus sur la mise en page que sur le contenu.
Cependant, en 1993, Mosaic a émergé comme le premier navigateur graphique.
Et ce que cela signifie, c'est qu'il y a eu un premier navigateur qui a réellement introduit
l'idée d'images et quand cela s'est produit, il y a eu beaucoup de
débat au sein de la communauté de la recherche sur la question de savoir si c'était une bonne chose ou non.
Les pionniers voulaient vraiment garder le contenu simple basé,
laisser tout le monde y accéder.
Mais les innovateurs disaient non.
Les gens aiment les photos, ils aiment la mise en page.
Ils aiment ça même autant qu'ils aiment le contenu.
Il y a donc une grande bataille entre la façon dont Internet devrait évoluer à partir de là.
Donc, après l'émergence de Mosaic, l'utilisation d'Internet a tout simplement explosé, et de
plus en plus de gens l'utilisaient pour des moyens commerciaux, au lieu de simplement
faire de la recherche.
Mosaic avait cependant des challengers, sous la forme de Netscape, Internet Explorer et
d'autres navigateurs.
C' était le début de ce que nous appelons les guerres des navigateurs.
Chacun de ces navigateurs a décidé qu'ils voulaient créer ces balises propriétaires, des
balises qui ne fonctionneraient que sur leur navigateur.
Certains des exemples étaient marquee, où vous pourriez avoir du texte défilant, ou
clignoter qui ne fonctionnerait que sur certains des navigateurs et pas sur d'autres.
D' autres balises étaient propriétaires, elles ont effectivement travaillé sur n'importe quel navigateur, mais
elles sont allées à l'encontre de l'esprit original du HTML.
Il s'agissait de balises telles que la police ou le centre, pour centrer votre texte ou votre couleur d'arrière-plan.
Cela peut ne pas sembler une mauvaise chose, mais
certains ordinateurs n'avaient pas l'accès, n'avaient pas la possibilité d'
avoir toutes les couleurs différentes que d'autres ordinateurs pouvaient avoir.
Et cela a conduit à des pages vraiment laides à la recherche.
Cela a également conduit à l'origine de ce que nous appelons le mieux vu sur les messages.
Lorsque vous êtes allé sur un site, vous avez presque immédiatement dit
quel navigateur vous devriez vraiment voir le site sur.
Sinon, vous n'alliez pas obtenir l'expérience optimale.
Nous souffrons tous d'une certaine manière de guerres de navigateurs, ou mieux vu sur les images aujourd'hui.
Souvent, lorsque vous accédez à une page,
vous verrez que vous ne pouvez pas réellement accéder au contenu complet si vous êtes sur votre téléphone,
sauf si vous cliquez sur un lien vers le site Web complet.
Alors, comment ça s'est passé ?
Comment sommes-nous arrivés au point où les différents navigateurs n'étaient pas d'accord
sur les différents rôles que HTML devrait jouer ?
Cela revient à l'idée que personne ne fonctionne sur Internet ou sur le Web.
Cependant, certains groupes ont joué un rôle plus proactif
pour essayer de normaliser ce qui se passe là-bas.
Le premier est l'Internet Engineering Task Force,
ils se concentrent vraiment sur l'idée de la façon dont les différents réseaux devraient collaborer et
comment ils devraient travailler ensemble.
Le World Wide Web Consortium, plutôt traite du HTML et de l'évolution du HTML,
ils veulent savoir quels types de balises les navigateurs devraient et ne devraient pas prendre en charge.
Enfin, l'un des plus récents groupes, The Web Accessibility Initiative,
ils veulent s'assurer que, peu importe la façon dont les gens accèdent au Web,
ils ont la même capacité à afficher le contenu.
Nous avons eu cette évolution des navigateurs dont nous avons parlé.
De 1990 à 1994, tout cela était très simple, basé sur le texte.
En 93, nous avons parlé de la façon dont les images sont entrées dans la scène, et à
peu près explosé l'Internet. La
compatibilité entre les navigateurs a fait de nombreuses pages Web s'effondrer et
a conduit à un code incroyablement laid.
Au début de 2000, les navigateurs sont revenus à cette idée de séparer le contenu
du style.
Et en 2005, il est devenu pratique courante d'utiliser des fichiers HTML, dont nous
apprenons dans ce cours, pour créer le contenu et les fichiers CSS pour le styliser.
Donc, au fur et à mesure que les navigateurs ont évolué de même HTML.
La façon dont il a tendance à fonctionner dans la plupart des enseignes informatiques et des
domaines technologiques est que ce sont les codeurs et les développeurs qui poussent les normes.
Donc, comme les codeurs ont appris qu'il y a de
plus en plus de choses qu'ils voulaient la possibilité de faire, c'est le travail des navigateurs de suivre.
Alors, où en sommes-nous maintenant ?
HTML5 est une coopération entre le W3C et
le Web Hypertext Application Technology Working Group, et
ce qu'ils ont fait, c'est qu'ils ont établi ces quatre lignes directrices pour la
façon dont HTML5 devrait être approché comme les navigateurs vont le prendre en charge.
La première idée est que les nouvelles fonctionnalités devraient être basées sur HTML,
CSS qui est le langage des signes, le DOM et JavaScript.
Rien de plus.
Ils veulent réduire le besoin de plug-ins externes, c'est très frustrant lorsque
vous êtes sur un navigateur et vous trouvez que vous ne pouvez pas regarder la vidéo que quelqu'un a posté.
Ils veulent également se déplacer de sorte que le balisage, ou
le langage de marquage peut remplacer le script.
Si vous trouvez que de plus en plus de développeurs écrivent du code pour faire quelque chose se produire,
débarrassez-vous du code et faites simplement une balise simple qui peut le faire à la place.
Et enfin, HTML5 devrait être indépendant de l'appareil.
Peu importe que vous soyez sur votre téléphone, votre ordinateur portable, un PC ou
même sur un lecteur d'écran.
Vous voulez que tout le monde ait le même accès à l'information.
Donc, quand vous réfléchissez à cette vidéo,
il y a certaines leçons que j'espère vraiment rester avec vous.
Le premier est l'idée que le HTML n'est pas un langage de programmation, mais
plutôt un moyen pour les navigateurs de traduire des documents en pages Web visibles.
HTML a été conçu pour faciliter de nombreux types de contenu différents.
Images, images, liens, listes.
Tout ce qui se passe dans cette ligne.
Ce que nous avons trouvé pensé l'histoire de l'Internet,
est que lorsque les concepteurs veulent faire quelque chose Ils ont tendance à écrire du
code non standard pour forcer les navigateurs à le faire.
C' est pourquoi nous développons de nouvelles normes en HTML5 pour gérer ces nouvelles
exigences que les gens désirent et pousser les navigateurs à adopter les nouvelles normes.