Comment utiliser les balises sémantiques HTML5 et CSS3 pour la programmation
Car les développeurs web ont commencé à utiliser des techniques de mise en page flottante, ils divs presque toujours créés appelés nav
, entête, et footer. Les développeurs de HTML5 décidé de créer de nouveaux éléments avec ces noms. Jetez un oeil sur le code ci-dessous pour voir les balises sémantiques en action.sémantique Ceci est ma tête
Section 1
Section corps ...
Section 2
Section corps ...
Objet
Article corps ...
Comme vous pouvez le voir, il ya un certain nombre de nouvelles balises sémantiques HTML5 dans:
entête: Cela ne veut pas les mêmes que les balises h1-h6. Il désigne un morceau de la page qui contiendra un en-tête de la page. Souvent, la tête va se remplir la largeur de la page, et avoir une sorte de bannière de l'image. Il contient fréquemment h1 contenu.
nav: Cette balise indique une sorte de section de navigation. Il n'a pas de style particulier de son propre, mais il est fréquemment utilisé soit comme un menu horizontal ou vertical pour la navigation du site.
section: Une section est utilisé pour indiquer une partie générique de la page. Vous pouvez avoir plusieurs sections sur la même page.
article: Un article est comme une section, mais il est destiné à être utilisé avec des ressources externes. Beaucoup de pages sont construites automatiquement par le logiciel, et quand ces pages intégrer du contenu provenant d'autres sources, il est destiné à utiliser le article tag pour intégrer ce contenu.
pied de page: Un pied de page est destiné à contenir de bas de page au bas d'une page. Typiquement, un pied de page couvre le bas d'une page, bien que ce soit pas le comportement par défaut.
Notez qu'aucun de ces éléments ont tout formatage spécifique. Il est à vous pour fournir le formatage dans le code CSS. Chacun des éléments peuvent être formatés directement comme un élément HTML (parce que ce qu'il est). Toutes dernière Version navigateurs supportent les balises sémantiques, mais si vous voulez soutenir les navigateurs plus anciens (en particulier IE avant la version 8), vous aurez toujours besoin d'utiliser divs.
-
Comment ajouter des éléments de fluide à une mise en dreamweaver -
Comment construire une page mobile jquery de base pour la programmation HTML5 et CSS3 -
10 choses que vous devez savoir sur le design web avec HTML5 et CSS3 - Décomposer les éléments de HTML5
- Format texte dans un document HTML5
-
Comment construire le cadre du modèle de HTML5 pour votre site
HTML5 et éléments de page sémantiques HTML5 renforce la notion de balisage sémantique dans la création de pages web, ce qui signifie que les balises décrivent la ce qui signifie de la section dans le contexte de la page et non pas comment la page regarde.Comment formater le texte…
Le document HTML5 organisation revisité Le cadre d'un simple document HTML se compose d'une tête et le corps. La tête fournit des informations sur le document sur le navigateur (et parfois aussi pour le serveur Web), et le corps contient du contenu qui apparaît dans la fenêtre du…
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 structurer un document html pour faire une page Web sur votre Raspberry Pi Afin de faire une page sur le Raspberry Pi web, vous aurez besoin de structurer le document HTML correctement. Un extrait de code est un bon moyen de voir comment les balises HTML fonctionnent et comment votre navigateur les interprète, mais vous…
Comment mettre en place votre page web avec coffeecup Lorsque vous créez une page Web, vous devez faire une certaine quantité de configuration. Heureusement, CoffeeCup entre les balises HTML nécessaires pour vous (par opposition à avoir à les saisir vous-même dans un éditeur de texte). CoffeeCup…
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 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…
Créer une structure sémantique des pages 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…
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 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…
Faites votre travail CSS 3 à travers les navigateurs web Si vous concevez votre site Web pour le bureau ainsi que pour l'iPhone et l'iPad, vous pouvez toujours utiliser le CSS expérimentale 3! Finalement, le CSS 3 dans votre site sera probablement pris en charge. L'exemple de cette section vous montre…
Nouveaux ajouts à HTML5 pour la conception web IPhone et iPad d'Apple ont transformé le rêve de tenir “ le web dans la paume de votre main ” en réalité - une réalité qui a des implications profondes pour l'avenir de la conception web.Les navigateurs Safari sur l'iPhone et l'iPad…
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…
Déplacer le contenu de votre page Web pour de meilleurs résultats des moteurs de recherche Lorsque les moteurs de recherche araignée votre site Web, ils peuvent avoir à passer par beaucoup de code pour accéder à votre moteur de recherche un contenu optimisé. Pour éviter cela, vous pouvez utiliser le contenu techniques d'empilage:…