Créer une structure sémantique des pages Web

category Internet & médias sociaux / Web design & développement / Conception iPhone & iPad web

Création de pages sémantiquement pertinentes a été bonne pratique sur le web depuis longtemps avant l'apparition de l'iPad, mais HTML5 construit dans les balises spéciales pour rendre plus facile d'être cohérent dans la façon dont vous utilisez sémantique que vous concevez des pages web.

L'idée de créer des pages sémantiquement pertinents vient de l'inventeur du World Wide Web, Tim Berners-Lee, qui a envisagé un «Web de données» qui avait ce qui signifie, ou sémantique.

Création d'une page web avec structure sémantique a longtemps été considéré comme une pratique exemplaire, car il donne la page Web plus de sens. Dans HTML4 et XHTML, concepteurs de sites Web peuvent créer une structure sémantique en suivant des règles bien établies avec des balises HTML.




Par exemple, le titre le plus important sur une page doit être formaté avec le Titre 1, ou

tag. De même, la plupart des concepteurs de sites Web définissent maintenant les styles de classe ou ID pour les principales sections d'un site avec des noms comme entête et footer d'identifier leur rôle et leur importance sur une page.

HTML5 pousse ce concept encore plus loin en ajoutant une série de nouveaux éléments sémantiques. Plutôt que de créer un style de classe ou ID et l'appliquer à un

tag, en HTML5 vous pouvez simplement utiliser les tags avec des noms comme
et
.

Ainsi, plutôt que d'utiliser les styles ID comme

, vous pouvez simplement utiliser . Un peu comme
Tags, cependant, aucun des nouveaux tags fairees rien, sauf si vous définissez un ensemble de règles de style qui correspondent à ce nom.

La construction de ces éléments sémantiques dans HTML5 donne aux concepteurs une manière plus cohérente des pages structuration HTML et est recommandée car elle rend les pages Web plus accessible pour toute personne qui utilise un lecteur d'écran pour lire des pages web à haute voix, ainsi que pour les robots de recherche et d'autres programmes qui ont besoin à interpréter le contenu d'une page web indépendamment de sa conception.

Pensez-y de cette façon: Quand vous voyez une page web, vous pouvez généralement dire par la conception qui partie de la page est la tête (il a la zone de navigation avec liens) et qui est le pied de page (avec le droit d'auteur et d'autres détails) . Mais aucun des bots, les lecteurs, et d'autres programmes qui ont besoin d'interpréter les pages Web peuvent “ voir ” la conception, et cela fait partie de la raison que l'utilisation de la sémantique est importante.

La structure sémantique d'une page peut être indépendant du style et le positionnement du contenu, de sorte que vous pouvez créer une page qui a un sens parce sections reconnaissables forment une structure logique. Pour vos visiteurs qui peuvent voir la page, vous pouvez définir le style sections, telles que l'en-tête ou de pied de page, pour afficher toute façon, vous voulez qu'ils dans un navigateur.

Articles Similaires

A propos Auteur
Nouveau html 5 éléments Nouveau html 5 éléments

Voici une liste de tous les nouveaux éléments proposés pour l'introduction dans la spécification HTML5 dans l'ordre alphabétique, avec une brève description et une catégorie de balisage associé.Élément (Catégorie)Descriptionarticle…

Comment créer une page mobile prêt dans Dreamweaver Comment créer une page mobile prêt dans Dreamweaver

Les pages jQuery Mobile Starter de Dreamweaver sont un bon moyen de générer rapidement un site mobile-friendly. La page de démarrage mobile crée une page HTML5 avec cinq jQuery Mobile Data-pages prédéfinies, ou des sections de la page HTML qui…

Une introduction à doctypes (DTD) Une introduction à doctypes (DTD)

Bien DOCTYPEs ont été autour dans le monde du web depuis environ 1999, que dans les dernières années ont-ils commencé à obtenir le genre de respect et l'attention qu'ils devaient avoir.UN DOCTYPE - aussi souvent désigné comme un Document…

Quatre types de feuilles de style en cascade dans la conception web Quatre types de feuilles de style en cascade dans la conception web

Cascading Style Sheets (CSS) se répartissent en quatre types différents (ou styles). Lorsque vous comprenez comment ces quatre types différents de travailler, vous serez coiffer vos pages Web plus efficacement.Pour garder votre CSS organisée,…

HTML, XHTML et CSS pour les nuls HTML, XHTML et CSS pour les nuls

Le tableau suivant contient une liste de noms de couleurs que vous pouvez utiliser en HTML et CSS code pour créer un site Web plus coloré. Les couleurs sont donnés avec leurs valeurs correspondantes de hexadécimal RVB et une nuance de couleur…

A propos des balises HTML5 A propos des balises HTML5

Lorsque vous travaillez dans HTML5, vous apprenez à connaître balises très bien. Vous placez tout le contenu que vous voulez que vos visiteurs à voir, tout ce qui sera affiché dans un navigateur web, dans le corps de votre page Web, entre…

A propos des balises HTML5 A propos des balises HTML5

Pas tous les navigateurs Web sur l'Internet HTML5 de soutien aujourd'hui. Concentrez-vous sur ce qui est possible dans le navigateur web Safari sur l'iPhone, iPad, et iPod. Si vous créez des pages Web pour le grand public de la World Wide Web, vous…

Ne pas encombrer l'écran avec des options de navigation Ne pas encombrer l'écran avec des options de navigation

Dans les options de navigation à la plupart des sites traditionnels, des liens vers toutes les pages principales sont toujours visibles. Un site typique comprend une rangée de liens à travers le haut ou le côté supérieur gauche ou à droite de…

Comment créer un site web avec HTML5 Comment créer un site web avec HTML5

Concepteurs de sites Web utilisent souvent des termes comme Architecting, bâtiment, et construction quand ils parlent de la création de pages Web, car il ya beaucoup de similitudes entre la construction d'une maison et la conception d'un site web…

Comment écrire du code dans la nouvelle HTML5 Comment écrire du code dans la nouvelle HTML5

Il ya plus que de nouveaux éléments sémantiques dans HTML5, que vous pouvez utiliser pour concevoir des sites Web à afficher sur iPhone et iPad ainsi que les écrans d'ordinateur. HTML5 fusionne HTML 4 et XHTML. HTML5 a deux versions…

Faire toute la tête un lien Faire toute la tête un lien

Avec HTML5 et CSS 3, vous pouvez utiliser toutes les polices que vous voulez dans vos pages Web, et vous pouvez même créer des caractéristiques de conception comme des ombres portées sans avoir à utiliser des graphiques.Dans les vieux jours de…

Exclure les pages web des moteurs de recherche à l'aide de balises meta robots Exclure les pages web des moteurs de recherche à l'aide de balises meta robots

Vous pouvez utiliser balises meta robots pour empêcher une araignée de moteur de recherche de ramper pages spécifiques de votre site Web. Vous pouvez inclure une balise spéciale dans le code HTML de la page pour dire robots de ne pas indexer la…

Comment blocs de structure travaillent dans Squarespace Comment blocs de structure travaillent dans Squarespace

Dans Squarespace, vous pouvez extraire des informations en utilisant des blocs de structure uniquement de pages qui vous permettent d'ajouter des éléments (pages de blog, événements pages, pages de la galerie, et des produits pages).Ces types de…

Concevoir ou des pages Web asymétriques unifiées à l'échelle mondiale qui semblent bonnes Concevoir ou des pages Web asymétriques unifiées à l'échelle mondiale qui semblent bonnes

Théorie de la conception de Web, et le plus grand corps de la conception graphique, est un art complexe et évolutif. Voici quelques connexe - et parfois contradictoires - règles de sites bien conçus:Sites bien conçus ont une conception globale…

» » » » Créer une structure sémantique des pages Web