Affichage des articles dont le libellé est html5. Afficher tous les articles
Affichage des articles dont le libellé est html5. Afficher tous les articles
mardi 12 novembre 2019
Dans HTML5 , on divise les éléments en catégories générales en fonction de leur objectif, on
commence de la division d'un document en sections et articles logiques à la mise en évidence de
mots individuels.
Le contenu de la page web comprend tout ce que les visiteurs peuvent le voir et lire et utiliser , le
contenu est l'information que nous essayons de communiquer au public.
Le web est un moyen de transférer cette information d'un côté à l'autre .
On peut décomposer une masse de mots en partie lisibles en ajoutant quelques balises structurelles.
 | |
| Contenu et structure dans html5 |
référence à la signification inhérente d'un élément ou attribut HTML5.
Si un bloc de texte est une citation sera marquer comme citation avec la balise de l'élément qui le
Conviens , si une chaine de mots est un titre , on met l'élément correspondant .
Former une structure solide à notre contenu le rend plus fort et plus flexible et facile à suivre par les
utilisateurs et les lecteurs .
Lors de l'organisation logique de notre contenu avec les éléments approprié , nous intégrons
également le cadre robuste dont nous avons besoin pour styliser nos pages web avec css.
Lors de l'organisation logique de notre contenu avec les éléments approprié , nous intégrons
également le cadre robuste dont nous avons besoin pour styliser nos pages web avec css.
Sections logiques:
Les éléments HTML5 décrivent la nature et le but de leur contenu , avec des éléments spécifiques
pour l'en-tête, les paragraphes, les citations, les listes, les liens, les images, etc ...
Notre contenu peut être un article comprenant plusieurs paragraphes, ainsi qu'un titre et quelques
sous-titres , avec quelques notes de bas de page et un auteur signé pour une bonne mesure.
Nous pouvons regrouper tout ce contenu en une seule unité sémantique avec l'élément article, en
déclarant que nos différents fragments de texte ont des objectifs différents, mais qu'ils forment
également un tout cohérent.
lundi 11 novembre 2019
Il y a différents liens dans l'en-tête du document HTML5 (head).
Les Liens extérieurs:
L'élément de lien <link> associe le document HTML actuel à une ressource externe , il y a plusieursressources extérieures, donnant exemples comme document de feuilles de style css ou une
bibliothèque ou image ico etc.
La tâche la plus courante de l'élément lien <link> est de connecter une page web à une feuille de
style externe et associe à la page à une icône que le navigateur l'affiche dans les signes et dans le
champ d'adresse .
L'élément <link> contient les attributs suivants : rel="", href=""
L'attribut rel =" " : indique la relation entre le document HTML actuel et la ressource liée ,
examples: rel= "stylesheet" , rel="icon", rel="editURL", rel="search" ,rel="prev" , rel="license".
L'attrubut href="" : href requis porte l'URL (un localisateur de ressources uniforme) de la
ressource liée ,
examples: href="/css/styles.css" ,
href="https://feeds.feedburner.com/example"href="/favicon.ico", etc ..
Il y a aussi l'attribut type="" , ce dernier n'est pas nécessaire à présent, rarement utilisé .
On n'a pas toujours besoin de déclarer le type de contenu pour chaque ressource.
Les informations de l'attribut type sont envoyées automatiquement par le serveur web ou intégrées
au fichier lui-même.
examples :
type="text/html",type="stylesheet",type="image/ico" ,etc ..  | |||
| les liens dans l'entete |
Le nombre d'éléments de lien <link> que vous pouvez inclure dans l'en-tête d'un document HTML
est illimité, par exemple , nous pouvons créer des liens vers différentes feuilles de style pour
différents supports ou plusieurs icônes .
Les deux éléments suivants de liaison reliant le document HTML à deux ressources externes
Les deux éléments suivants de liaison reliant le document HTML à deux ressources externes
différentes :
<head>
<link rel="stylesheet" type="text/css" href="/css/styles.css">
<link rel="icon" type["image/ico" href="/favicon.ico">
</head>
Type de support (Media type) :
L'attribut de type facultatif de l'élément lien (link) indique le type de média internet de la ressource
liée . ce type de contenu est également appelé type de contenu ou type MIME
( Multipurpose Internet Mail Extensions, ces types de médias ont été définis à l'origine pour être
utilisé dans le courrier électronique , mais ensuite été adoptés pour d'autres applications internet , y
compris le web ).
Différents types de fichiers sont servis et gérés de différentes manières .
les fichiers texte sont très différents des fichiers images et les deux sont différents des fichiers vidéos
ou des fichiers applications .
Le type de média internet est un identifiant en deux parties composées d'un type et d'un sous-type ,
séparés par une barre oblique , indiquant le type de fichier traité par le navigateur afin que celui-ci
puisse traiter les données en conséquence.Le type de média pour les fichiers CSS est un text/css , ce
qui indique que la feuille de style est un fichier texte écrit en langage CSS.
Il s'agit de la valeur de type que vous etes le plus suscibtible de rencontrer dans un élément de lien.
Les autres fichiers multimédia ont leurs propres types de contenu.
Tels que image/jpeg pour les graphiques jpeg et audio/mpeg pour les fichiers audio mp3 .
L'attribut type peut apparaitre sur d'autres éléments que le lien par exemple comme <input>.
Type de support différent:
Lorsque l'élément de lien (link) est lié à une feuille de style css , l'attribut média facultatif peut
indiquer le support auquel cette feuille de style est destinée.
Donc on peut facilement personnaliser mise à jour et la conception de notre site pour différents
médias .
On peut écrire de feuilles de style cs distinctes , la première pour l'afficher sur un écran d'ordinateur et la deuxième pour l'utiliser lorsque la page est imprimée.
<link rel="stylesheet" href="/css/screen-styles.css" media="screen">
<link rel="stylesheet" href="/css/screen-styles.css" media="print">
On peut aussi inclure ou ajouter plusieurs type de support dans un seul attribut de support , qui sont
séparés par des virgules.
<link rel="stylesheet" href="/css/screen-styles.css" media="screen,projection,tv">
dimanche 27 octobre 2019
La balise <meta> en HTML fournit des informations sur document HTML ou , en termes simples,
des informations importantes sur un document.
Ces balises sont essentiellement utilisées pour ajouter dea paires nom/valeur afin de décrire les
propriétés d'un document HTML , telles que la date d'expiration, le nom de ;auteur , la liste des mots-
clés , etc.
Cette balise <meta> est un élément vide, car elle ne comporte qu'une balise d'ouverture et aucune
balise de fermeture , mais elle contient des informations dans ses attributs .
Un document web peut inclure plusieurs balises meta en fonction des informations, mais, en général,
cela n'affecte pas l'aspect phusique du document .(1)
(3) https://www.w3schools.com/tags/tag_meta.asp
des informations importantes sur un document.
Ces balises sont essentiellement utilisées pour ajouter dea paires nom/valeur afin de décrire les
propriétés d'un document HTML , telles que la date d'expiration, le nom de ;auteur , la liste des mots-
clés , etc.
Cette balise <meta> est un élément vide, car elle ne comporte qu'une balise d'ouverture et aucune
balise de fermeture , mais elle contient des informations dans ses attributs .
Un document web peut inclure plusieurs balises meta en fonction des informations, mais, en général,
cela n'affecte pas l'aspect phusique du document .(1)
 | |
| meta tag |
Les balises meta vous permettent de fournir des métadonnées sur vos pages HTML. Cela peut être
utile pour les moteurs de recherche, les navigateurs et les autres applications qui souhaitent en savoir
plus sur votre page .
Les métadonnées sont des informations sures, on décrit , d'autres données ou informations.
Vous pouvez ajouter des métadonnées à vos pages web en plaçant des balises <meta> entre les
balises <head>...</head> .(2)
Les métadonnées sont des données (informations ) sur les données .
La balise <meta> fournit des métadonnées sur le document HTML , les métadonnées ne seront pas
affichées sur la page web , mais seront analysables par la machine .
Les méta-éléments sont généralement utlisés pour spécifier la description de la page, les mots-clés ,
l'auteur du document la dernière modification et d'autres métadonnées .
Les métadonnées peuvent être utilisées par les navigateurs pour mieux afficher du contenu et bien
correctement , ou recharger une page. Les métadonnées utilisées pour que les moteurs de recherche
les classent parmi les premiers websites , et cela grâce aux mots-clés.(3)
correctement , ou recharger une page. Les métadonnées utilisées pour que les moteurs de recherche
les classent parmi les premiers websites , et cela grâce aux mots-clés.(3)
Les métadonnées prennent de nombreuses formes :
Voici différents éléments de meta tag :
1- <meta charset="utf-8">
Le jeu de caractères est généralement défini sur UTF-8 et indique essentiellement au navigateur le
codage de caractères à utiliser.
Vos pages doivent absolument inclure une indication du jeu de caractères à utiliser. C’est l’une des
choses que vous devez insérer dans votre modèle.
L'élément <meta charset = "utf-8"> est devenue plus facile avec HTML5.
Découvrez la version de cet extrait requise pour HTML 4.01:
<meta http-equiv = "content-type" content = "text / html; charset = UTF-8">
Autres métatags typiques incluent la description et l'auteur.
Voici un exemple de chacun d’eux:
2- La description : <meta name = "description" content = "Une description de votre page">
3- L'auteur : <meta name = "author" content = "Le nom de l'auteur">
4- Keywords : <meta name="keywords" content="choose essential words and important words in
the page web" >.
5-work on mobile device: <meta name="viewport" content="width=device-width,initial-scale=1"> .
6-Refresh : <meta name="refresh" content="5; url= url name ">
7-Revised : <meta name="revised" content="website name, date of revised">.
8-Copyright : <meta name="copyright" content="copyright owner"> .
4- Keywords : <meta name="keywords" content="choose essential words and important words in
the page web" >.
5-work on mobile device: <meta name="viewport" content="width=device-width,initial-scale=1"> .
6-Refresh : <meta name="refresh" content="5; url= url name ">
7-Revised : <meta name="revised" content="website name, date of revised">.
8-Copyright : <meta name="copyright" content="copyright owner"> .
Ref:
jeudi 24 octobre 2019
Pour commencer par un document HTML5 nous devons écrire avant tous la déclaration suivante:
<! DOCTYPE.html>
<! DOCTYPE.html>
C'est quoi doctype :
Une déclaration de type de document est une instruction destinée au navigateur web sur la version
du langage de balisage dans laquelle une page web est écrite.
La déclaratiopn doctype apparait en haut du document HTML avant l'ouverture du balise <html>
La déclaration de doctype n'est pas une balise html.
Le doctype sert à valider ses pages suivant les normes W3C choisis , mais son principal but est
d'indiquer aux navigateurs comment interpréter le document aux pages web , il sert à definir le type
du document afin qu'il soit correctement interprété pour le navigateur , c'est une instructionpour le
navigateur à propos de la version de HTML du document .
Pour les versions précédente du html par example (1)
Pour HTML 4.01 Strict la déclaration est :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Pour HTML 4.01 Transitional la déclaration est :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Pour HTML 4.01 Frameset la déclaration est :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Pour XHTML 1.0 Strict la déclaration est :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Pour XHTML 1.0 Transitional la déclaration est :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Pour XHTML 1.0 Frameset la déclaration est :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Pour XHTML 1.1 la déclaration est :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> (2)
Pour la version actuelle du HTML5 est la déclaration type suivante :
<!DOCTYPE html>
On peut ajouter la langue du document par example pour le français on écrit la balise html comme
ceci : <html lan="fr">
Dans la balise <head>....</head> il y a d'autes balises sont les suivantes :
La balise <meta> pour les données
La balise <title> pour écrire le titre de la page en haut à gauche.
La balise <link> la liaison entre la page et d'autres sites web.
Plus d'explication prochainement
Ref:
(1) https://www.html-5-tutorial.com/doctype.htm
(2) https://html.com/tags/doctype/
Le doctype sert à valider ses pages suivant les normes W3C choisis , mais son principal but est
d'indiquer aux navigateurs comment interpréter le document aux pages web , il sert à definir le type
du document afin qu'il soit correctement interprété pour le navigateur , c'est une instructionpour le
navigateur à propos de la version de HTML du document .
Pour les versions précédente du html par example (1)
Pour HTML 4.01 Strict la déclaration est :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Pour HTML 4.01 Transitional la déclaration est :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Pour HTML 4.01 Frameset la déclaration est :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Pour XHTML 1.0 Strict la déclaration est :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Pour XHTML 1.0 Transitional la déclaration est :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Pour XHTML 1.0 Frameset la déclaration est :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Pour XHTML 1.1 la déclaration est :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> (2)
Pour la version actuelle du HTML5 est la déclaration type suivante :
<!DOCTYPE html>
 | |
| document html5 |
L'ouverture de document HTML5 :
L'ouverture d'un document HTML commence par la racine html, une balise pour l'ouverture <html>
et une autre balise pour la fermeture à la fin du document html </html>.
et une autre balise pour la fermeture à la fin du document html </html>.
On peut ajouter la langue du document par example pour le français on écrit la balise html comme
ceci : <html lan="fr">
La dexième balise c'est l'entête c'est la balise head, une pour l'ouverture <head> et une autre pour la
fermeture </head>
Dans la balise <head>....</head> il y a d'autes balises sont les suivantes :
La balise <meta> pour les données
La balise <title> pour écrire le titre de la page en haut à gauche.
La balise <link> la liaison entre la page et d'autres sites web.
Plus d'explication prochainement
Ref:
(1) https://www.html-5-tutorial.com/doctype.htm
(2) https://html.com/tags/doctype/
lundi 21 octobre 2019
Choisir Un Editeur de Texte:
Les documents HTML sont des textes bruts ,dépourvue de toute mise en forme ou style spécial.Toute la mise en forme visuelle se produit lorsqu'un navigateur web affiche le document HTML.
Pour créer des pages web avec HTML , et gérer facilement les documents HTML , on a besoin :
d'un logiciel qui permet d'écrire le code HTML , pour que le navigateur interprete le texte html
par example comme :
Brackets
Brakets Editor
Sublime Text
 | |
| Sublime Text Editor |
Atom
 | |
| Atom Editor |
Vim
 | |
| Vim Editor |
Visuel Studio Code
 | |
| Visuel Studio Code Editor |
 | |
| NotePade++ editor |
EmEditor
 | |
| EmEditor |
 | |
| TextMate editor |
UltraEditor
 | |
| UltraEditor |
Coda
Komodo Edit
 | |
| Komodo Editor |
CodeShare
 | |
| CodeShare editor |
gedit
 | |
| GEdit |
Bluefish
 | |
| Bluefish editor |
PSPad
 | |
| PSPad |
CodePen
 | |
| Codepen |
SlickEdit
 | |
| SlikEdit |
EditPad Lite
 | |
| EditPad |
 | |
| CoffeCup editor |
Il y a plusieurs encore sur le net.
Choisir Un Navigateur Web Browser :
Un navigateur web pour visualiser les pages web .Par example comme:
MozillaFox
Google Chrome
Opera
Safari
Torch
Brave
Chedot
Vivaldi
Microsoft Edge
Flash pick slim browser
Avast secure browser
Slimjet browser
Maxthon
UC browser
Il y a d'autres sur le net .
Choisir Le placement du fichier à enregister:
Un emplacement pour enregistrer ou stocker le fichier HTML qu'on a créé .Aller au fichier aprés enregistrer choisir un nom pour le fichier avec l'extention .html choisir le lieu
sur bureau ou une autre partition , puis taper ok .
ouvrir l;éditeur de texte aller fichier , ouvrir le fichier déja enregistré et commencer à écrire le code
HTML .
Structure de base en HTML5:
Voici la structure de base la plus simple du HTML5 qu'on peut écrire dans l'éditeur de texte .
Voir la figure 1 qui montre cette structure de base :
 |
| figure 1 |
lundi 14 octobre 2019
En termes simples , une page web (ou un document HTML) est un fichier texte qui a été codé à
l'aide du langage HTML (HyperText Markup Language) afin qu'il apparaisse correctement mis en
forme dans un navigateur web .
HyperText:
Hypertexte , Texte sur lequel vous cliquez pour passer d'un document à l'autre . Il s'agit d'une
référence à la capacité des pages web de créer des liens entre elles .
Contrairement au texte ordinaire, l'hypertexte donne au lecteur la possibilité de choisir leur propre
chemin parmis les documents qui les interessent.
Le web est un système hypermédia géant basé sur un ordinateur ou un serveur à distance, vous avez
déja fait de sauts d'une page à une autre page sur le web ,on l'appelle ça surfer .
Markup:
Balises de marquage appliquant les convertions de mise en forme et le formatage au texte brut
littéralement , le texte brut est marqué avec les balises.
Language:
Langage , une référence au fait que HTML est consédéré comme un langage de programmation , ou
langage de description .
 | ||
| world wide web Consortium W3C |
Les normes:
Depuis la création du HTML, un langage simple et flexible, c'est un standard gratuit et open source .
Toute personne peut créer et publier des pages web avec HTML. C'est cette source ouverte Open
source, qui fait l'internet le plus grand puissant intermédiaire dans le monde .
HTML pour que nous puissions tous partager des informations librement et facilement, en même
temps nous devions respecter certains règles lorsque nous créons des documents en HTML
le web fonctionne sur un accord, tous les auteurs et les developpeurs et programmeurs ,clients
acceptent de respecter les même règles de base , appelées collectivements les normes web .
La normalisation des langues web garantit que le web peut fonctionner de manière cohérente et
fiable pour tous utilisateurs et auteurs , par example comme les règles de grammaire et de
ponctuation qui aide à comprendre la phrase dans le texte .
Il s'ensuit que quelqu'un doit écrire les règles sur les quelles nous devrions nous mettre d'accord , sur
les spécifications techniques des langues de programmation et spécialement le langage HTML.
La création du W3C (World wide web consortium) à but lucratif , fondé en 1994 son but est de
normaliser la langue du HTML et tracer une voie claire et sure pour le web
Comprendre les balises HTML:
Le code dans un fichier HTML est constitué de texte entouré de balises, Ces balises indiquent où le
formatage doit être appliqué , comment la mise en page doit apparaître , quelles images doivent être
placées à certains endroits , etc.
Par example, supposons que vous voulez qu'un certain mot soit en gros , comme ceci :
tout est en gros in HTML , vous devez baliser le mot que vous souhaitez mettre en gros .
Le code pour activer les gros est <strong> et le code pour désactiver les gros est </strong>.
Votre code HTML ressemblerait à ceci:
tout est <strong> en gros </strong> en HTML . Le resultat sera comme ceci:
tout est en gros en HTML .
HTML5 utilise des éléments pour décrire la structure des pages
Regardons le code dans la figure 2 , il y a plusieurs éléments différents, Chaque élément a une balise
d'ouverture et une balise de fermeture .
Tags se sonts des étiquettes agissent comme des conteneurs , ils nous disent quelque chose de
l'information qui se trouve entre les deux balises d'ouverture et de fermeture .
tout est en gros in HTML , vous devez baliser le mot que vous souhaitez mettre en gros .
Le code pour activer les gros est <strong> et le code pour désactiver les gros est </strong>.
Votre code HTML ressemblerait à ceci:
tout est <strong> en gros </strong> en HTML . Le resultat sera comme ceci:
tout est en gros en HTML .
Structure de la page HTML5:
 |
| figure 2 structure html |
HTML5 utilise des éléments pour décrire la structure des pages
Regardons le code dans la figure 2 , il y a plusieurs éléments différents, Chaque élément a une balise
d'ouverture et une balise de fermeture .
Tags se sonts des étiquettes agissent comme des conteneurs , ils nous disent quelque chose de
l'information qui se trouve entre les deux balises d'ouverture et de fermeture .
 |
| figure 3 l'élément html |
samedi 12 octobre 2019
Le html est un élément clé d'internet .Lorsque html a été conçu pour la première fois ,
il comprenait une poingnées de balise .
A mesure que le web a muri , de nombreuses fonctionnalités ont été ajoutés. L'internet
d'aujourd'hui ne concerne pas les documents , mais aussi les applications .
Les sites web actuels sont des applications interactives dynamiques. Les types d'appareils
utilisés sur internet évoluent également .
Au début , seuls les ordinateurs de bureau utilisent le web. Aujourd'hui , les téléphones
portables et les tablettes content parmi les principaux acteurs du web.
Il est temps de mettre au point un nouvel ensemble de normes qui aideront à prendre en charge
la manière dont les gens utilisent internet aujourd'hui html5 est cet ensemble de normes.
éléctroniques.
Il a conçu un langage simple permettant aux auteurs de documents de lier différents
documents avec des options de formatage limitéés ce langage s'appelait html.
A ce temps , internet existait , mais il était principalement accessible via des programmes
de base en ligne de commande et n'était pas facile à utiliser . Le html a été conçu dés le départ
pour etre facile à utiliser et pour créer des documents facile à gérer pour les utilisateurs .
La conception du code html a été délibérèment simplifiée afin de permettre à un maximum de
personnes de participer au processus de création de documents dans ce nouveau format .
Bien sur , le web a pris son essor de façon trés importante et les pages web sont rapidement
devenues omniprésentes.
Il est devenu que les fonctionnalités simples du langage html de base ne suffisaient pas .
Pour satisfaire les interets de nombreuses personnes qui construisaient maintenant des pages
web .
créer des navigateurs web , elles ont commencé à se faire concurence en ajoutant des nouvelles
fonctionnalités html.
En 1993, le navigateur mosaic incluait la possibilité d'ajouter des images .
De nombreux navigateurs ont été crées par des petites équipes du monde entier et chacun
possède son propre ensemble de nouvelles fonctionnalités.
En 1994, une plate-forme est devenue le navigateur dominant . Netscap navigator était un
navigateur extremement réussi. En meme temps , il y avait des groupes de travail former pour
remédier au manque de normes dans le monde des navigateurs web.
Le plus important de ces groupes s'appelait le world wide web Consortium (W3C), dérigé par
Tim Berners-Lee .
Cependant, Netscape occupait une position dominante que les représentants de Netscape ont
souvent ignoré les réunions sur les normes et créé toutes les fonctionnalités qu'ils souhaitaient.
il comprenait une poingnées de balise .
A mesure que le web a muri , de nombreuses fonctionnalités ont été ajoutés. L'internet
d'aujourd'hui ne concerne pas les documents , mais aussi les applications .
Les sites web actuels sont des applications interactives dynamiques. Les types d'appareils
utilisés sur internet évoluent également .
Au début , seuls les ordinateurs de bureau utilisent le web. Aujourd'hui , les téléphones
portables et les tablettes content parmi les principaux acteurs du web.
Il est temps de mettre au point un nouvel ensemble de normes qui aideront à prendre en charge
la manière dont les gens utilisent internet aujourd'hui html5 est cet ensemble de normes.
Bref historique du html:
En 1989, Tim Berners-Lee a créé un nouveau systeme de connexion de documentséléctroniques.
Il a conçu un langage simple permettant aux auteurs de documents de lier différents
documents avec des options de formatage limitéés ce langage s'appelait html.
A ce temps , internet existait , mais il était principalement accessible via des programmes
de base en ligne de commande et n'était pas facile à utiliser . Le html a été conçu dés le départ
pour etre facile à utiliser et pour créer des documents facile à gérer pour les utilisateurs .
La conception du code html a été délibérèment simplifiée afin de permettre à un maximum de
personnes de participer au processus de création de documents dans ce nouveau format .
Bien sur , le web a pris son essor de façon trés importante et les pages web sont rapidement
devenues omniprésentes.
Il est devenu que les fonctionnalités simples du langage html de base ne suffisaient pas .
Pour satisfaire les interets de nombreuses personnes qui construisaient maintenant des pages
La guerre des navigateurs:
La premiere guerre des navigateurs commence lorsque diverses organisations ont commencé àcréer des navigateurs web , elles ont commencé à se faire concurence en ajoutant des nouvelles
fonctionnalités html.
En 1993, le navigateur mosaic incluait la possibilité d'ajouter des images .
De nombreux navigateurs ont été crées par des petites équipes du monde entier et chacun
possède son propre ensemble de nouvelles fonctionnalités.
En 1994, une plate-forme est devenue le navigateur dominant . Netscap navigator était un
navigateur extremement réussi. En meme temps , il y avait des groupes de travail former pour
remédier au manque de normes dans le monde des navigateurs web.
Le plus important de ces groupes s'appelait le world wide web Consortium (W3C), dérigé par
Tim Berners-Lee .
Cependant, Netscape occupait une position dominante que les représentants de Netscape ont
souvent ignoré les réunions sur les normes et créé toutes les fonctionnalités qu'ils souhaitaient.
Microsoft entre en jeu:
Microsoft n'est entré dans le monde des navigateurs qu'en 1995, internet explorer (IE) , le
navigateur de Microsoft a été conçu pour concurrencer directement le navigateur de Netscape .
Netscape et Microsoft étaient dans une course qui domine mondialement, chacun essayait de
produire des fonctionnalités exclusives qui orientaient les developpeurs vers leur propre vision
du web .
Bien qu'un organisme de normalisation ait été mis en place, Netscape et Microsoft ont ajouté
les fonctionnalités qu'ils souhaitaient et ignoraient le W3C .
navigateur de Microsoft a été conçu pour concurrencer directement le navigateur de Netscape .
Netscape et Microsoft étaient dans une course qui domine mondialement, chacun essayait de
produire des fonctionnalités exclusives qui orientaient les developpeurs vers leur propre vision
du web .
Bien qu'un organisme de normalisation ait été mis en place, Netscape et Microsoft ont ajouté
les fonctionnalités qu'ils souhaitaient et ignoraient le W3C .
La création du html2 et 3 et 4 :
Quelques progrés mineurs ont été réalisés sur les normes web. HTML2 a été adopté en tant
que norme en 1994/1995 ( bien qu'aucun des fabricants ne s'en soit tenu complètement à cela).
HTML3.2 a été publié en 1997, suivi par le HTML4 en 1998 . A peu prés au meme moment
ou HTML4 commençait à gagner du terrain, il était devenu évidement que Microsoft dominait
l'espace des navigateurs , en 2002 , IE (internet explorer de Microsoft) était utilisé par environ
95% des utilisateurs d'internet, avec ce genre d'influence l'avenir du HTML était presque
entièrement entre les mains de Microsoft et les efforts des organisations de normalisation
étaient en grande partie dénués de pertinence.
A tous égards, Microsoft a gagné la première tranche de la course des navigateurs .
IE 6 (internet explorer 6) qui utilisait principalement HTML4 était le seul navigateur qui
importait vraiment et il y avait trés peu d'innovation pendant plusieurs années .
IE 6 (internet explorer 6) qui utilisait principalement HTML4 était le seul navigateur qui
importait vraiment et il y avait trés peu d'innovation pendant plusieurs années .
Un nouveau chalenge est né des cendres. Cependant, de nouveaux navigateurs on contesté la
domination de Microsoft .
car il introduisait un certain nombre de fonctionnalités innoventes et respectait la plupart des
normes du groupe de travail du W3C.
Firefox et dans une moindre mesure d'autres navigateurs comme safari ,opera et google
chrome ont bouleversé le web . Ces autres navigateurs avaient tendance à etre plus engagés que
IE à respecter les normes et ils ont incité de nouvelles versions d'IE aprés une longue période
de stagnation.
Meme Microsofta commencé à au moins faire semblent de parler de la notion de standard ,
cartes permettent plus de conformité aux normes dans chacun des nouvelles versions d'IE
introduite . Certains considèrent cela comme l'ouverture de la deuxième guerre des
navigateurs alors que divers diveloppeurs se disputaient une part du marché des navigateurs .
Cependant, il y a une différence cette fois-ci le web n'est plus une nouveauté , mais un élément
clé du monde des affaires et de la société .
Un document web est maintenant soumis aux meme normes visuelles que les documents
imprimés et HTML4 n'est pas capable de respecter facilement cette norme.
En fait, la notion meme du web comme une serie de documents est remise en question.
Les pages web sont replacées par des applications web . Une grande partie de ce que les gens
font maintenant sur internet ne consiste plue à lire des documents .Aujourd'hui, les
developpeurs utilisent le web comme une interface de programmation.
domination de Microsoft .
Les vrais sauveurs du web:
Le navigateur Firefox (publié pour la première fois en 2004) était particulierement importantcar il introduisait un certain nombre de fonctionnalités innoventes et respectait la plupart des
normes du groupe de travail du W3C.
Firefox et dans une moindre mesure d'autres navigateurs comme safari ,opera et google
chrome ont bouleversé le web . Ces autres navigateurs avaient tendance à etre plus engagés que
IE à respecter les normes et ils ont incité de nouvelles versions d'IE aprés une longue période
de stagnation.
Meme Microsofta commencé à au moins faire semblent de parler de la notion de standard ,
cartes permettent plus de conformité aux normes dans chacun des nouvelles versions d'IE
introduite . Certains considèrent cela comme l'ouverture de la deuxième guerre des
navigateurs alors que divers diveloppeurs se disputaient une part du marché des navigateurs .
Cependant, il y a une différence cette fois-ci le web n'est plus une nouveauté , mais un élément
clé du monde des affaires et de la société .
Un document web est maintenant soumis aux meme normes visuelles que les documents
imprimés et HTML4 n'est pas capable de respecter facilement cette norme.
En fait, la notion meme du web comme une serie de documents est remise en question.
Les pages web sont replacées par des applications web . Une grande partie de ce que les gens
font maintenant sur internet ne consiste plue à lire des documents .Aujourd'hui, les
developpeurs utilisent le web comme une interface de programmation.
HTML4 vieillissait:
Les changements sur le web ont nécessité une modification de la conception des normes
relatives aux documents .HTML4 n'était pas clairement à la hauteur de la tâche qui consistait
à soutenir le développement web moderne.
Les différentes étiquettes propriétaires ajouteées au cours des années ont ajoutées une certaine
flexibilité visuelle, mais pas assez .Il n'y avait pas de solution satisfaisante pour la mise en page
ou la gestion des polices . Il existait un ensemble de fonctionnalités pour saisie de donnée de
formulaires , mais ces outils étaient limités et laids.
La plupart des navogateurs présentaient une forme de langage de programmation javascript ,
mais les implémentations variaient énormément, et créer une application réelle utilisant les
technologies web était une proposition aléatoire .
La découverte du code XHTML inexact:
Le W3C a introduit XHTML en 2002 pour répondre à certaines de ces préocupations .
XHTML a été proposé comme une version de HTML conforme aux normes plus strictes du
langage de balisage XML . Le format XHTML est beaucoup moins tolérent que le format
HTML. Par conséquent, si une page répond aux exigences strictes de la norme, elle est
probablement bien conçu et prévisible .
Malheureusement, l'idéalisme du mouvement XHTML n'a jamais été réalisé . La création de
documents XHTML valides s'est avérés suffisament difficile pour que trés peut de
développeurs l'aient essayé.
Les navigateurs ont rendu le code XHTML inexact de manière décente . En fait la plupart de
navigateurs ne rendaient pas vraiment le XHTML, mais le convertissaient discrètement en
HTML
La création du WHATWG et l'apparence du HTML5:
Le W3C a créé une nouvelle forme de XHTML appelée XHTML2.0, mais entre-temps , un
deuxième groupe appelé ًWHATWG (Groupe de travail sur la Technologie d'Application Web
Hypertexte) a commencé à travailler sur sa propre norme concurrente, connue sous le noms de
HTML5.
La prinsipale raison de ces normes concurrentes était le sentiement que XHTML était trop
régide et restait centré sur HTML comme une langue de documents . Une partie de la
motivation pour HTML5 était de créer un cadre pour la construction d'applications web qui
seraient réellement utilisées par les developpeurs.
Finalement , le W3C a abandonné la prise en charge de XHTML2 et prend désormais en
charge la proposition du WHATWG. HTML5 apparait donc comme le prochain standard.