HTML4 a été avec nous pendant un certain temps maintenant, une dizaine d'années. Et, il n'a pas vraiment vu une mise à jour majeure. Bien sûr il XHTML, mais cela n'a guère plus que rendre les choses un peu plus strict - en vous faisant écrire un code de meilleure qualité si vous étiez à toutes les parties concernées à la conformité. HTML 5 fait plus que cela. Pour une chose, il ajoute quelques nouvelles fonctionnalités. Pas un montant énorme, mais celles qui elle ajoute sont très utiles.
Le travail sur HTML 5 a commencé chemin du retour, en 2004, et maintenant ça commence à devenir intéressant. Navigateurs pris en charge est en augmentation, et l'élément qui m'intéresse le plus dans la - CANVAS - est soutenu par quatre des cinq principaux navigateurs. Il est, cependant, n'est pas vraiment possible de l'utiliser car MSIE ne dispose pas de soutien.
Alors quoi de neuf?
<canvas> <canvas> est un 2D - zone de dessin (à l'heure actuelle d'autres dimensions peuvent être paraître) contrôlé par JavaScript. Vous pouvez l'utiliser pour une grande variété de choses - des graphiques, des jeux, présentations, etc Parce que c'est contrôlé par JavaScript, vous pouvez interagir avec elle très facilement. Un exemple est la caractéristique des infobulles j'ai ajouté à Rgraph. En bref, cliquez sur une barre, et vous obtenez une info-bulle qui peut contenir une grande variété de HTML - images, vidéos, etc J'ai écrit une introduction courte à la balise <canvas> ici.
<video> La balise <video> rend plus facile à intégrer des clips vidéo dans vos pages Web. Il a des attributs comme src (naturellement), lecture automatique, et la boucle. La balise <video> a des implications sur la convivialité (par exemple, l'accès aveugles), et peut donc contenir des balises supplémentaires décrivant la vidéo, idéalement, la transcription complète de la vidéo.
<audio> La balise <audio> ressemble beaucoup à la <video>, mais pour les fichiers audio. Étonnamment.
Les menus contextuels HTML 5 offre une méthode de définition des menus contextuels, ce qui facilite leur utilisation dans les applications web. Peut-être, pas très utile pour les sites, mais certainement pour les applications où les menus contextuels pourraient fournir de nombreuses options sans prendre de place dans l'interface utilisateur.
De nouveaux éléments structurels Comme le HTML est peu structuré, quelques nouveaux éléments ont été fournis pour tenter de rectifier cette situation. Ces éléments incluent:
<section> - Section d'un chapitre d'un texte ou un livre.
<header> - La tête de page. Ce n'est pas le même que l'élément <head>.
<footer> - Le pied de page.
<nav> - Liens de navigation vers d'autres pages. Vous pourriez mettre votre navigation dans ce site Web, par exemple.
<article> - Un article de blog pourrait être résumée par ceci, par exemple.
<aside> - Cette balise peut être utilisée pour fournir des informations supplémentaires pour un bloc de texte. Tout comme dans les livres de matériel encadré etc
<figure> - L'élément <figure> peut être utilisé pour annoter votre texte principal avec des diagrammes qui ne sont pas nécessairement impératif de texte.
De nouveaux éléments en ligne HTML 5 introduit des éléments nouveaux pour aider à préciser les éléments de base tels que les temps ou les numéros.
<mark> - Ce qui dénote qu'un peu de texte est marqué d'une certaine façon.Vous pourriez, par exemple, l'utiliser pour marquer les termes de recherche dans une liste de résultats.
<time> - Vous pouvez l'utiliser pour représenter l'heure ou la date dans votre bloc de texte.
<meter> - Cela peut être utilisé pour indiquer un chiffre de quelque sorte. Il peut avoir plusieurs attributs, y compris: valeur, min, max, bas, haut, et optimale.
<progress> - Ceci peut être utilisé pour afficher une barre de progression de quelque sorte. Il a un couple d'attributs: valeur et max. L'attribut max peut être omis.
Nouveaux types de formulaire de saisie L'élément d'entrée peuvent maintenant avoir un nouvel ensemble de types, y compris:
datetime
datetime-locales
date
month
week
time
number
range
email
url
Certains d'entre eux sont déjà monnaie courante dans les interfaces de bureau, ne devrait donc pas être difficile à mettre en œuvre, et sera plus familière aux utilisateurs au moment de remplir votre formulaire.
Abandon des éléments Les éléments followiing ont été abandonnées ou remplacées:
acronym
applet
basefont
big
center
dir
font
frame
frameset
isindex
noframes
noscript
s
strike
tt
u
Syntaxe de codage de caractères La syntaxe de codage de caractères pour une page HTML 5 document est maintenant: <meta charset="UTF-8">
De nouveaux éléments interactifs Quelques belles choses qui feront de sites de construction et, peut-être plus précisément, les applications web, plus facile:
<details> - Cela peut être utilisé pour fournir plus d'informations sur quelque chose de précis. Par exemple, il pourrait être mis en œuvre par les navigateurs des infobulles. Cette balise peut avoir un attribut ouverte qui dicte si le contenu est d'abord présentée à l'utilisateur ou non.
<datagrid> - Contrairement aux tables traditionnelles (qui sont conçus pour être statique), ce qui peut être utilisé pour fournir un ensemble de données avec un certain degré d'interactivité. Par exemple, sélectionner des lignes ou des colonnes, l'édition des données, le tri, et plus généralement l'interaction avec les données dans le client.
<menu> - Auparavant un élément obsolète, <menu> est de retour dans HTML 5 avec une nouvelle signification. Il peut, par exemple, contiennent des éléments <commande> qui provoquent une action particulière de se produire. Par exemple, vous pouvez utiliser cet élément pour fournir une barre d'outils de toutes sortes, ou un menu contextuel (voir ci-dessus). Elle peut avoir des attributs label et icône. Ils peuvent être imbriqués pour fournir plusieurs niveaux de menus.
Nouvelle DTD HTML 5 a une nouvelle, beaucoup plus simple de DTD: <DOCTYPE html!>.Bien mieux, je pense que vous serez d'accord, et bien plus mémorable. Si je comprends bien, cela résulte de HTML ne sont pas associés à SGML plus.
Href optionnel sur les liens Ce sont maintenant optionnels que des liens peuvent être utilisés en conjonction avec les scripts. Peut-être plus utile dans les applications Web, par opposition aux sites Web.
L'attribut async Celui-ci stipule qu'un bloc de script peut être exécuté de manière asynchrone, au lieu de bloquer le reste de la page jusqu'à ce qu'il soit terminé.
Résumé
HTML 5 pourrait bien être la mise à jour HTML que tout le monde attend depuis. Il apporte des compléments utiles à la langue qui fera construire des applications web beaucoup plus facile et efficace, dans le même temps rendre le code plus simple.
Naturellement, tous les navigateurs prennent en charge tout (<cough> MSIE </ cought>), mais il viendra avec le temps, et de nouveaux éléments ont été spécialement conçus pour s'adapter à ce. Alors, tout le monde gagne. La plupart des navigateurs supportent déjà une partie des spécifications, certains depuis longtemps. Un exemple de ceci est <canvas>, soutenu par Firefox, Opera, Chrome et Safari. Autant que je sache, Firefox 3.1 supportera plus de celui-ci, à savoir la <audio> et / ou les balises <video>. Ne peut pas attendre
Sécurité informatique
