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 corpsSommaire
Dans le balises, vous pouvez toujours utiliser toutes les balises des versions précédentes de HTML (avec quelques exceptions notables).
Dans les sections qui suivent, vous découvrirez les plus importants de nouvelles balises HTML5 les structurelles que vous pouvez utiliser dans le corps de vos pages Web. HTML5 introduit de nouvelles balises structurelles, qui sont aussi appelés balises sémantiques car ils ajoutent plus de sens au code HTML par une meilleure identification de chaque type de contenu qu'ils le format.
Voici les nouvelles balises structurelles introduites en HTML5:
- Définit l'en-tête d'une section ou d'une page. La balise d'en-tête est l'endroit idéal pour le nom du site. Voici le code HTML qui fait la tête de toutes les pages internes dans l'exemple le site Jelly Rancher. Note: Ce code est modifié légèrement pour la première page d'accueillir la plus grande image dans l'en-tête.
Jelly Rancher
Spécialisé en
Méduses Aquariums- Définit les principaux liens de navigation dans une page ou un article. Les principaux liens de navigation sont généralement placés juste après l'en-tête et ensuite répété au bas de la page.
Dans le tag, suivre la convention commune de formatage notre liste de liens avec une liste non ordonnée, en utilisant le
- tag pour entourer la liste complète des liens avec la balises, puis faisant de chaque élément de navigation une liste séparée avec l'article tag.
- index.php "> Accueil
- aquariums.php "> Commandez des Aquariums
- Mark-Loos.php "> A propos de Mark Loos
- contact.php "> Contact
et - Utiliser ces balises pour définir un article ou une section distincte d'une page.
Dans l'exemple le site Jelly Rancher, l'élément suivant est la section principale du contenu de la page. Pour cette partie de la page, vous pouvez utiliser soit le tag ou le tag. Vous pouvez utiliser ces deux balises interchangeable. Ainsi vous pouvez avoir une section avec plusieurs articles en son sein. Ou vous pouvez avoir un article qui dispose de plusieurs sections.
Quoi qu'il en soit, assurez-vous que lorsque vous utilisez ces balises, vous êtes zones de la page qui vont ensemble d'une manière significative la définition. Dans l'exemple de code qui suit, la tag définit le contenu principal, et de la tag sépare sections dans l'article:
Ceci est une manchette pour la première section
contenu
plus de contenu ...
Ceci est une manchette pour la deuxième section
contenu
plus de contenu ...
- Définit le pied de page pour toute section ou la page. Vous pouvez utiliser le tag dans une balise de section ou un article, mais il est le plus souvent utilisé au bas d'une page. Habituellement, le pied a beaucoup de texte juridique en elle.
Vous savez comment, lorsque vous obtenez une de ces offres de carte de crédit par la poste, il a tout ce petit texte juridique? L'idée derrière la sémantique tag est le même. En HTML5, vous pouvez utiliser la petite étiquette dans le récipient de bas de page pour formater le jargon juridique, telles que les informations de droit d'auteur, l'amenant à afficher dans un petit texte sans diminuer son importance sémantiquement.
Vous pouvez utiliser toutes les balises dans la liste ci-dessus plus d'une fois dans un document. Par exemple, vous pouvez avoir un
Syntaxe HTML sélectionné Malgré toutes les nouvelles langues et de la technologie programmation, HTML reste le bloc de construction de base pour un grand nombre de sites. Cette table contient les balises HTML les plus couramment utilisés.BaliseCommentairesRequis pour…
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…
La conception de votre site Web avec HTML / HTML5 Si vous concevez des sites Web, vous allez probablement vouloir utiliser conforme aux standards HTML5 balisage - après tout, vous devez utiliser un certain type de langage de balisage afin que vos sites Web peuvent communiquer, non? Le tableau ci…
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…
Références HTML et ressources Vous ne pouvez pas aller sur Internet sans voir HTML dans l'action, mais l'Internet est un endroit idéal pour découvrir sur HTML, aussi. Le tableau ci-dessous présente quelques précieuses ressources en ligne pour plus d'informations sur le…
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…
Ajouter la section en HTML5 La article dans une page HTML est tout en haut et il offre l'intelligence qui aide le navigateur web interpréter le contenu de la section de corps qui le suit.La section contient les et tags, CSS, et d'autres éléments qui ne sont pas…
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…
Balises HEAD pour les sites Web en HTML5 La section est où vous pouvez spécifier le jeu de caractères, écrit comme charset. La jeu de caractères permet au navigateur de savoir ce que les caractères à afficher. Par exemple, la lettre # 228- peut être affichée comme un petit…
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…
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…
Paramètres de contenu Drupal La plupart des paramètres utilisés pour gérer, créer et modifier tous les types de Drupal contenu du site sont situés sur un seul formulaire. Vous y accédez en cliquant sur les liens sous la grande zone de texte du corps.Vous obtenez le…