(semantic) Ces deux éléments peuvent s'additionner davantage que se fondre en

hsss:introducing_microformats_microdata_and_rdfa

Anonymous (anonymous@undisclosed.example.com) — 2015-12-22T01:36:19+00:00

<- Using ARIA landmark rolesUsing microdata -> * microformats * rdfa (très proche de microformat) * schema.org Choix à faire entre les trois.

hsss:nesting_rich_data

Anonymous (anonymous@undisclosed.example.com) — 2015-12-22T13:56:45+00:00

<- Using microdataChecking page semantics ->

hsss:organizing_content

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T21:21:19+00:00

<- Supporting legacy browsersCreating document sections -> Possible stratégie pour traiter la liste des contenus d'une page web : primary contents et secondary contents pour créer un initial document outline.

hsss:properly_nesting_structure

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T22:25:08+00:00

<- Building navigationStructuring headers ->

hsss:sectioning_roots

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T23:00:58+00:00

<- Checking document structureWorking with figure and figcaption -> sectioning Roots * blockquote * fieldset * figure * td Ce qui signifie que leur structure interne est ignorée lors de la génération du document outline.

hsss:semantic_html5

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T20:16:17+00:00

<- What are web semanticsHTML5 content models -> w3.org/html/wg/drafts/html/master/ drafts.htmlwg.org/html/master/index.html#index (tous les éléments html + attributs) Sémantique « The web as I envisaged it, we have not seen it yet. The future is still so much bigger than the past. » - Tim Berners-Lee

hsss:structuring_footers

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T22:50:47+00:00

<- Structuring headersChecking document structure -> w3.org/TR/html5/sections.html#the-footer-element W3C : L'élément footer représente une footer pour son ancètre le plus proche qui soit un élément sectionnant. Un footer contient habituellement des informations sur une section, par exemple qui l'a écrite, des liens à des documents relatifs, données de copyright, etc.

hsss:structuring_headers

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T22:36:49+00:00

<- Properly nesting structureStructuring footers -> Il existait anciennement le tag . Certains regroupements font sens :

super titre

par José

Le 16 décembre 2015

Mon super article

Devient :

super titre

par José

Le 16 décembre 2015

Mon super article

hsss:structuring_html5_documents

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T20:39:31+00:00

<- HTML5 content modelsDefining HTML5 documents -> La structure d'un document html5 est une série de sections et de subsections qui peut être visualiser comme un document outline, une table des matières. heading En utilisant les headings, il est possible de décrire à peu près la structure de document que l'on souhaite. Chaque

hsss:supporting_legacy_browsers

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T21:13:52+00:00

<- Defining HTML5 documentsOrganizing content -> On peut ajouter un support du html5 pour les vieux navigateurs comme Microsft Internet Explorer via js ex:

hsss:using_aria_landmark_roles

Anonymous (anonymous@undisclosed.example.com) — 2015-12-22T01:29:37+00:00

<- Using class and ID attributesIntroducing microformats, microdata, and RDFa -> w3.org/TR/wai-aria/roles * Abstract Roles * Widget Roles * Document Structure Roles * Landmark Roles (les mieux supportés, notamment pour les assistive technologies, devraient être considérés obligatoires !) voir w3.org/TR/aria-in-html/#recommendations-table (donne un tableau récapitulatif sur quand utiliser le role attribute)

hsss:using_class_and_id_attributes

Anonymous (anonymous@undisclosed.example.com) — 2015-12-22T01:18:35+00:00

<- Working with meta tagsUsing ARIA landmark roles -> Essayer de faire des classes et id qui ont du sens.

hsss:using_divs_in_html5

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T23:54:36+00:00

<- Grouping content with asidesWorking with lists in HTML5 -> w3.org/html/wg/drafts/html/master/grouping-content.html#the-div-element w3c : l'élément div n'a absolument aucun sens particulier. Il représente ses éléments enfants. Il peut être utilisé avec les attributs class, lang et title pour marquer une sémantique à un groupe d'éléments consécutifs.

hsss:using_headings_properly

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T22:13:04+00:00

<- Identifying the main contentBuilding navigation -> heading strategy headings :

...

. Dès que l'on utilise un heading, un sous-section implicite est créée dans le document outline. Avant html5, il se disait qu'il était préférable de n'utiliser que 1 h1. Pas obligatoire mais ça reste une bonne pratique, selon votre heading strategy.

hsss:using_microdata

Anonymous (anonymous@undisclosed.example.com) — 2015-12-22T01:42:11+00:00

<- Introducing microformats, microdata, and RDFaNesting rich data ->

hsss:using_the_address_element

Anonymous (anonymous@undisclosed.example.com) — 2015-12-17T00:40:07+00:00

<- Citing works semanticallyUsing the small element -> w3c : L'élément adress représente les informations de contact pour l'élément ancêtre article ou body le plus proche. S'il s'agit de l'élément body, alors les informations de contact s'applique au document entier. -> infos de contact de l'auteur d'un article ou document, en gros.

hsss:using_the_mark_element

Anonymous (anonymous@undisclosed.example.com) — 2015-12-17T19:03:39+00:00

<- Using the small elementWorking with date and time -> w3c : L'élément mark représente un fragment (a run) de texte marqué ou mis en avant (highlighted) en raison de son intérêt dans un autre contexte. Quand utilisé dans une citation ou un autre bloc de texte référé depuis le texte (from the prose

hsss:using_the_small_element

Anonymous (anonymous@undisclosed.example.com) — 2015-12-17T00:49:27+00:00

<- Using the address elementUsing the mark element -> w3c : L'élément small représente des commentaires (side comments) tels que des petits caractères (small print). Pas adapté à de grandes quantités de textes ou paragraphes multiples.

Single room: 199 € breakfast included, VAT not included
Double room: 239 € breakfast included, VAT not included

hsss:what_are_web_semantics

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T20:15:42+00:00

<- Semantic HTML5 -> Sémantique : Le procédé d'ajout de sens à travers le language. La sémantique web est le procédé qui consiste à utiliser les languages et syntaxes web pour ajouter du sens à un contenu. LA sémantique est critique dans le cas des technologies assistives, et joue un rôle notable en SEO.

hsss:working_with_date_and_time

Anonymous (anonymous@undisclosed.example.com) — 2015-12-18T00:16:32+00:00

<- Using the mark elementDefining link relationships -> w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-time-element Html5 introduit le markup des dates et heures. attribut datetime qui peut être présent, contient une valeur machine-readable. On l'utilise si par exemple le contenu de l'élément n'est pas lui-même

hsss:working_with_figure_and_figcaption

Anonymous (anonymous@undisclosed.example.com) — 2015-12-16T23:24:20+00:00

<- Sectioning rootsGrouping content with asides -> Le but de figure+figcaption est d'établir une relation entre une légende et un élément de contenu et de les grouper de manière à créer du sens. figure w3.org/html/wg/drafts/html/master/grouping-content.html#the-figure-element W3C : L'élément

hsss:working_with_lists_in_html5

Anonymous (anonymous@undisclosed.example.com) — 2015-12-17T00:08:02+00:00

<- Using divs in HTML5Emphasizing text correctly -> listes ordonnées html5 : légers changements pour les listes ordonnées. drafts.htmlwg.org/html/master attributes : * reversed * start (n'existait théoriquement plus mais comme support jamais enlevé de retour en html5) * type description list

hsss:working_with_meta_tags

Anonymous (anonymous@undisclosed.example.com) — 2015-12-22T01:10:03+00:00

<- Writing commentsUsing class and ID attributes -> Balises meta : balises générales pour définir des meta-informations concernant le document. w3c : L'élément meta représente différents types d'informations qui ne peuvent être exprimé en utilisant title, base, link, style et script.

hsss:writing_comments

Anonymous (anonymous@undisclosed.example.com) — 2015-12-22T00:57:42+00:00

<- Defining link relationshipsWorking with meta tags -> HTML = peu d'éléments. Avantage : facile à implémenter, défaut : sémantique limitée par défaut. Commentaires Oui, on peut s'en servir en html comme ailleurs ! Et les enlever avant publication.

DokuWiki hsss

hsss:additional_resources

hsss:building_navigation

hsss:checking_document_structure

hsss:checking_page_semantics

hsss:citing_works_semantically

hsss:creating_document_sections

hsss:defining_html5_documents

hsss:defining_link_relationships

hsss:emphasizing_text_correctly

hsss:grouping_content_with_asides

hsss:html5_content_models

hsss:identifying_the_main_content

hsss:introducing_microformats_microdata_and_rdfa

hsss:nesting_rich_data

hsss:organizing_content

hsss:properly_nesting_structure

hsss:sectioning_roots

hsss:semantic_html5

hsss:structuring_footers

hsss:structuring_headers

super titre

hsss:structuring_html5_documents

hsss:supporting_legacy_browsers

hsss:using_aria_landmark_roles

hsss:using_class_and_id_attributes

hsss:using_divs_in_html5

hsss:using_headings_properly

...

. Dès que l'on utilise un heading, un sous-section implicite est créée dans le document outline. Avant html5, il se disait qu'il était préférable de n'utiliser que 1 h1. Pas obligatoire mais ça reste une bonne pratique, selon votre heading strategy.

hsss:using_microdata

hsss:using_the_address_element

hsss:using_the_mark_element

hsss:using_the_small_element

hsss:what_are_web_semantics

hsss:working_with_date_and_time

hsss:working_with_figure_and_figcaption

hsss:working_with_lists_in_html5

hsss:working_with_meta_tags

hsss:writing_comments