Comme l'a expliqué dans un précédent article DesarrolloWeb.com, " L'avenir du développement web: HTML 5 ", a expliqué pourquoi il était HTML5 importants, mais il devrait expliquer ce qui est HTML5.
HTML5 est appelée à être le remplacement du courant (X) HTML, l'une des branches de la bande depuis le début. Précisément à un moment où le Web est assez mature, cette norme apprendre de ses erreurs et essayer de résoudre la plupart des problèmes qui sont un développeur web. Comme beaucoup de ses innovations sont intéressantes et une incidence directe sur le futur site web de AnexoM nous allons commenter sur plusieurs points les plus importants changements, à commencer par cet article où nous discutons des éléments nouveaux.
Avant de procéder devrait être clair que HTML5 est encore sous forme de projet et restera pour quelques années. L'approche générale a considérablement changé par rapport aux versions précédentes de HTML, en ajoutant la sémantique implicite et de l'accessibilité, en précisant tous les détails et en supprimant toute ambiguïté. Il prend également en compte le fait que de nombreux sites Web d'aujourd'hui sont dynamiques, plus comme des applications de documents. Quelque chose de base est que HTML5 est défini sur la base du DOM (la représentation interne d'un navigateur Web qui fonctionne), en laissant de côté la représentation «vraie», définissant à la fois une norme HTML et XHTML.
Meilleure structure
Aujourd'hui est tout à fait abusé de l'élément div qui nous permet de structurer un site Web dans les blocs. En HTML5 il ya plusieurs facteurs utilisés afin de mieux structurer un site Web, en établissant ce que chaque section, et souvent le remplacement d'une div. Avec cette sémantique supplémentaires, sera beaucoup plus cohérent et plus facile à comprendre par les autres. Et plus important encore, il sera trivial à comprendre pour une machine, ce qui donne plus d'importance à certaines sections et peut jouer avec les données automatiquement. Plus précisément, la tâche d'un moteur de recherche sera beaucoup plus facile, mais n'importe quelle application qui «lisent» sites vont en bénéficier. Ce sont les éléments:
- section représente une section "Général" dans un document ou une application, comme un chapitre dans un livre. Il peut contenir des sous-sections et si vous l'accompagnez avec h1-h6 peut mieux structurer la page.
- l'article représente un contenu indépendant dans un document, le cas plus claire sont les entrées dans un blog ou nouvelles d'un journal en ligne. Ainsi, dans la couverture que nous avons plusieurs points sémantiquement délimitées, de sorte qu'un outil peut facilement les extraire.
- représente de côté un très peu de contenu qui est lié au reste de la page, comme une barre latérale. Crucial pour la détermination de la teneur en "important" contenu "de soutien", ce qui en fait le premier cas le second.
- en-tête représente l'en-tête d'une section, et sans doute à donner plus d'importance que le reste, surtout si la section est un élément.
- Pied de page représente le pied d'une section avec des informations sur la page / section qui n'a rien à voir avec le contenu de la page, comme l'auteur, le droit d'auteur ou de l'année.
- nav représente une section sur la navigation à travers le site, comme la barre haute typique des journaux.
Dans l'image ci-dessus montre un exemple de la façon de modifier un document HTML normal écrit en HTML5 avec ces articles.
Meilleures formes
L'élément d'entrée a été étendu et permet maintenant de ces types de données:
- datetime, datetime-locale, la date, mois, semaine, le temps, pour indiquer une date / heure.
- numéro de l'utilisateur de spécifier un certain nombre.
- aller à indiquer une fourchette comprise entre deux nombres.
- e-mail pour indiquer un e-mail.
- url pour indiquer une adresse Web.
- recherche pour indiquer une recherche.
- de couleur pour indiquer une couleur.
La chose intéressante à ce sujet est que les navigateurs peuvent implémenter des interfaces spécifiques pour chaque type de données, comme une date ou une couleur peut indiquer un. Directe et intuitive Un autre exemple est le clavier de l'iPhone, qui montre quelques symboles ou autres, selon qu'il s'agit d'un texte normal, un e-mail (ajouter @ et le point) ou une url (ajoute la barre et le point-com), et permet donc une grande cette norme.
Autres éléments importants
- Audio et vidéo sont utilisés pour intégrer un son média ou vidéo, respectivement. Sans doute l'un des ajouts les plus intéressants que vous jouez vidéo / audio sans contrôle et les plugins comme Flash. Sont traités totalement native que tout autre élément, par exemple, peut inclure des liens ou des images dans une vidéo. Bien que les implémentations actuelles sont quelque peu inefficace, il est prévu que dans un proche avenir sont optimisés. Portails vidéo comme YouTube ou Dailymotion commencent déjà à montrer que l'avenir sans Flash est possible (et nécessaire!).
- utilisé pour intégrer du contenu embarqué, mais pas natif, mais mis en œuvre par des plugins tels que Flash. Bien embed est soutenu par presque tous les navigateurs pour un certain temps est le temps que vous entrez une partie de la norme et éviter l'enfer / lutte entre l'objet et embed.
- la toile est un élément complexe qui génère des graphiques, des éléments de dessin en son sein. Bien que vous ne l'avez jamais entendu parler de lui, vous avez sûrement déjà utilisé, par exemple Google Maps. Il est un très puissant assez pour donner à l'avenir parler, et qui est responsable de l'application web spectaculaire.
Plus de produits
- pose d'écrire des conversations de dialogue, de transcriptions de clavardage, par exemple.
- chiffre est porté à associer un média (photo, vidéo, etc) à une légende.
- représente une marque de texte en surbrillance, par exemple pour mettre en évidence une recherche.
- obtenir une mesure, que le nombre de KB. Il est plus logique si vous joindre à ...
- progrès représente l'état d'une tâche, et peut être utilisé par exemple pour télécharger un document ou lourd multitâche. Cela permettra aux barres d'outils personnalisées et puissant.
- temps représente une date ou une heure.
- commande représente une commande que l'utilisateur peut exécuter dans votre navigateur.
- sortie représente un départ d'un programme, sans doute se lancer directement dans le navigateur, comme une calculatrice.
- datagrid représente un ensemble de données interactives et de travailler de manière dynamique avec des informations et modifier la page de cette information. Il sera utile surtout si vous travaillez avec des applications qui nécessitent une grande quantité de données à la fois dans le côté client.
Si vous êtes intéressé et souhaitez en savoir plus sur cette langue, vous pouvez suivre l'article correspondant dans AnexoM .
Puis-je mettre un lien vers 10 jeux créés avec HTML5 ... nous avons l'avantage de les jouer sur des ordinateurs avec de faibles rendements, ce qui était impossible avant avec Flash.
Source: AnexoM
based on 1 rating
