HTML5, structuration documentaire

Rappel sur les frames en HTML4 : www.la-grange.net/w3c/html4.01/present/frames.html

Liste exhaustive des balises HTML5 : http://www.w3.org/TR/html-markup/elements.html

Sémantique et HTML4 :

• Ajouter de la sémantique en HTML4 : https://www.w3.org/TR/WCAG20-TECHS/G115.html

Balises de section en HTML5 :

• Principales balises de section : http://www.alsacreations.com/article/lire/1376-html5-section-article-nav-header-footer-aside.html

• Liste exhaustive des balises de section : http://www.w3schools.com/html/html5_semantic_elements.asp

• Principes et détail des balises sémantiques : http://www.hongkiat.com/blog/html-5-semantics/ et http://blog.teamtreehouse.com/use-html5-sectioning-elements

Algorithme Outline HTML5 :

• outils de génération du plan d'un contenu HTML : https://gsnedders.html5.org/outliner/ et http://hoyois.github.io/html5outliner/

• Comprendre le principe de l'algorithme et son fonctionnement :

  https://www.smashingmagazine.com/2011/08/html5-and-the-document-outlining-algorithm/

  https://developer.mozilla.org/fr/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#D.C3.A9finir_les_ent.C3.AAte_en_HTML5

  http://html5doctor.com/outlines/

  http://vanseodesign.com/web-design/html5-document-outline/

• Les limites de l'outil :

  • le support actuel inexistant dans les navigateurs et technologies d'assistance :https://www.paciellogroup.com/blog/2013/10/html5-document-outline/

  • le problème des documents non titrés : http://www.456bereastreet.com/archive/201103/html5_sectioning_elements_headings_and_document_outlines/

Site très complet et bien fait sur HTML5 et ses nouveautés, une référence certaine : http://diveinto.html5doctor.com/

• https://jsfiddle.net/

• http://codepen.io/pen/

• http://htmledit.squarefree.com/