presentation-html5.md 3.42 KB
Newer Older
Stéphane Bouvry's avatar
Stéphane Bouvry committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
# Technologies du web

La création de contenu pour le web est l'aggrégat d'un **ensemble de technologies** que l'usage profane regroupe généralement sous le terme **technologies HTML/Web**.

## HTML

Le HTML est une technologie utilisée pour :

 - Créer des documents web (pages HTML)
 - Structurer les interfaces web (Webapp)

Le HTML est un langage :

 - Description de contenu par **balise**
 - Conçu pour être facile à utiliser/partager
 - **Sémantique** (Il sert à structurer une informations - pas à la mise en forme)

<div class="info">
HTML n'est généralement pas considéré comme un **langage de programmation**. Il est en effet purement descriptif et ne propose aucun mécanisme logique.
</div>


## Petite histoire

### 1990

**Tim Berners** pose les bases du web :

 - Premier navigateur,
 - le protocole HTTP (pour l'accès aux document HTML),
 - et le langage HTML

Le terme de **World Wide Web** est déjà consacré.

![Tim Berners Lee](../../images/berners.jpg)


### 1993

Le **Web** s'étend à la communauté scientifique et se popularise grâce à **NCSA Mosaic**, un navigateur capable d'afficher... des images.

![Le navigateur NCSA Mosaic](../../images/ncsa-mosaic.jpg)

### 1994-1996

**Netscape navigator** popularise le web hors des universités en permettant de réaliser les premiers sites *visuels*.

 - Fondation du **W3C** (World Wide Web Consortium)
 - Apparition d'**Internet Explorer**
 - 1995/96 : Spécification de HTML 2.0 est publiée.

Cette période voit également s'affronter les éditeurs de navigateur Netscape et Explorer dans ce qu'on appelle **Le guerre des navigateurs**. Ces derniers n'hesitant pas à prendre de grandes liberté quand au rendu et aux fonctionnalités HTML/CSS

![Le navigateur NCSA Mosaic](../../images/disquette-netscape-navigator.jpg)


### 1997/2000 : Normalisation

**HTML 3.2** Syntètise les améliorations apportées par netscape et Internet explorer, en vu de normaliser les usages des 2 navigateurs.

**HTML 4** sort dans la foulée. Arrivée en force des **style CSS** et des scripts (Javascript). Le W3C arrive à imposer ce standard

La production de contenu Web se professionnalise

![W3C](../../images/w3c.png)


### 2000/2008 : Web 2.0

Le **XHTML** s'impose dans l'usage professionnel, il est la version **strict** de HTML 4. Il scèle une bonne fois pour toute la sacro-sainte séparation du contenu (XHTML) et de la forme (CSS).

La production de site web se professionnalise, les métiers d'**intégrateur web** / **Webdesigner** sont reconnus comme des disciplines hautement technique et plus seulement comme des activités complémentaires à des domaines plus générale (Designers / Informaticiens).

### Maintenant

**XHTML 2**, une nouvelle norme développée depuis plusieurs années a été définitivement abandonné ; rejetée par la communauté avant même d'être publié.

Le **HTML5** et le **CSS3**, encore en brouillon, sont déjà largement adoptés par les principaux navigateurs (Firefox, Chrome, Edge). Imposant définitivement l'aire du **Web Sémantique**.

![Web sémantique](../../images/semantic.svg)


## Le World Wide Web

La transmission et l'accès aux contenus du web est déterminé par 3 choses :

 - Le **navigateur web**
 - Le protocole HTTP/S
 - Le langage HTML

### Le navigateur

![Répartition des navigateurs en Décembre 2013 - source : http://gs.statcounter.com/](../../images/navigateurs.png)

### Le protocole HTTP

![Le protocole HTTP](../../images/http.png)