La spécification HTML5 indique clairement que l'utilisation des éléments devrait être complètement à partir de la sémantique de l'élément. Cependant, certains de ces éléments sont très clairs, tandis que certains sont plus vagues. En termes d'utilisation des éléments, il est préférable de le donner à CSS pour s'en occuper, mais ce n'est pas absolu.
Générer un lien hypertexteL'élément A est utilisé pour générer un hyperlien.
1) HREF: Spécifiez l'URL de la ressource mentionnée dans l'élément A;
2) Hreflang: Expliquez la langue utilisée par les ressources que vous liez;
3) Média: Expliquez quel périphérique est utilisé pour les ressources liées et les attributs multimédias de l'élément de style;
4) REL: Expliquez la relation entre le document et les ressources de liaison, et les attributs REL de l'élément de liaison;
5) Target: Spécifiez l'environnement de navigation pour ouvrir les liens que vous liez;
6) Type: Expliquez le type MIME (tel que le texte / HTML).
Générer un super lien vers l'extérieur<body> j'aime <a href = http: //en.widipedia.org/wiki/Apples> pommes </a> et <a href = http: //en.wikipeida.org/wiki/orange_ (de)>> oranges </a>.
Les protocoles les plus utilisés dans l'URL sont HTTP, mais le navigateur prend également en charge d'autres protocoles, tels que: HTTPS et FTP. Si vous souhaitez citer une adresse e-mail, vous pouvez utiliser le protocole Mailto, tel que: Mailto: [email protected].
Utilisez une URL relativement<body> ...... Vous pouvez voir l'autre de la <a href = fruitList.html> ici </a>.
Par défaut, le navigateur supposera que les ressources cibles sont à la même position que le document actuel, mais il peut être modifié en fournissant une URL de base via l'élément de base.
Générer des hyperliens internesCette méthode est utilisée pour déplacer un autre élément dans le document unifié dans le champ de vision.
<body> ...... vous pouvez voir à partir de fruits que j'aime <un href = # fruits> ici </a>. , Pêches et raisins.
Si l'utilisateur clique sur le lien, le document roulera à l'emplacement où l'ID peut être considéré comme l'élément Fruits.
Définir l'environnement de navigationL'attribut cible est utilisé pour indiquer à l'espoir du navigateur d'afficher les ressources que vous liez. Par défaut, le navigateur utilise le cadre de fenêtre, d'onglet ou de fenêtre du document actuel, de sorte que le nouveau document remplacera le document maintenant affiché, mais vous pouvez définir d'autres valeurs:
1) _BLANK: Ouvrez le document dans la nouvelle fenêtre ou l'onglet;
2) _parent: ouvrez le document dans Frameset;
3) _self: ouvrez le document dans la fenêtre actuelle (par défaut);
4) _top: ouvrez le document à la fenêtre supérieure;
5) <Frame>: Ouvrez le document dans le cadre de la fenêtre spécifié.
Vous permettez de comprendre le cadre à travers un exemple. En supposant que le code dans le document TestFrame.html est le suivant:
<html> <frameset color = 50%, 50%> <frame src = test.html /> <frame name = frame1 /> </ frameset> </html>
Un jeu de cadres est défini ici, qui contient deux images, chacune avec une demi-largeur. Le contenu de Test.html est le suivant:
<! > </> head> <body> <a j'aime <b> pommes </b> et <b> orange </b>.
Le style par défaut de l'élément B est épais.
Élément EMLes éléments EM représentent l'accent mis sur un paragraphe qui peut être utilisé pour fournir aux lecteurs un contexte de phrases ou de signification paragraphe.
<body> <em> i </em> comme <b> pommes </b> et <b> orange </b>.
L'habitude de l'élément EM est oblique. Cet exemple souligne I au début de la phrase.
I élémentI Les éléments indiquent qu'un paragraphe de texte est essentiellement différent du contenu environnant, qui est souvent utilisé en termes étrangers, des termes technologiques et même des pensées de quelqu'un.
<body> <em> i </em> comme <b> pommes </b> et <b> orange </b>. >.
L'habitude de l'élément I est oblique, la même que l'élément EM.
Élément sL'élément S est utilisé pour indiquer qu'un paragraphe n'est plus correct ou précis.
<body> <em> i </em> comme <b> pommes </b> et <b> orange </b>. >.Élément fort
Un élément fort représente un texte important.
<body> J'aime les pommes et l'orange.
Le style de l'élément fort est le même que l'élément B.
Élément uL'élément U fait un paragraphe de texte mis en évidence du contenu environnant, mais cela ne signifie pas qu'il met l'accent sur ou que son importance a augmenté. L'effet est d'ajouter une ligne au texte.
<body> J'aime les pommes et l'orange.
Parce que les habitudes de l'élément U sont similaires à l'élément A, afin d'éviter la confusion, l'élément U doit être évité autant que possible.
Petit élémentHTML5 utilise des règles spécifiées à petite étiquette, comprend généralement des déclarations d'exemption, des précautions, des restrictions juridiques, des informations sur le droit d'auteur, etc. Parfois, il peut être utilisé pour exprimer la signature ou répondre aux exigences de licence.
<body> <p> Commandez maintenant de recevoir la livraison gratuite. Le Super Store.
Remarque: Small convient uniquement aux phrases.
Éléments sub et supLes éléments sub et sup sont utilisés pour indiquer respectivement l'abonnement et la subvention.
<body> Le point x <sub> 10 </ sub> est le point 10 <p> th </sup>.
Changement
Il y a deux éléments qui peuvent être utilisés pour contrôler le contenu: les éléments BR et WBR.
Élément BRLes éléments BR provoqueront un changement de lignes.
<body> J'ai erré seul comme un nuage <br/> qui flotte sur des vales et des collines élevées, <br/> quand tout à la fois sur une foule, <br> un hôte, de jonquilles dorées;Élément WBR
HTML5 est ajouté pour indiquer que le contenu qui dépasse la fenêtre actuelle du navigateur convient à la réchange.
<body> C'est un très long mot: Super <WBR> califragilistique <WBR> Expialidocious.
Lorsque l'élément WBR n'est pas utilisé, le navigateur traitera les mots longs dans son ensemble et l'élément WBR est utilisé et le navigateur peut choisir de le changer à la suggestion. L'utilisation des éléments WBR est de dire au navigateur un mot le plus approprié là où celui est le plus approprié.
Représente l'entrée et la sortie1) Code: Indiquez le fragment de code informatique
2) Var: Dans le contexte de programmation, cela signifie la variable, et il peut également indiquer qu'un lecteur insère une place spécifiée dans l'imagination
3) SAMP: représente la sortie du programme ou du système informatique
4) KBD: indique la saisie de l'utilisateur
<body> <p> <code> var fruits = [pommes, orange, mangues, cerises]; <br> document.writeln (j'aime + fruits.length + fruits); La variable de cet exmple est <var> fruits </car> </p> <p> La sortie du code est: <samp> j'aime 4 fruits </-samp> </p> <p> lorsque vous avez invité à mon invite pour mon Fruit préféré, j'ai tapé: <kbd> cerises </kbd> </ody>Utiliser la référence du titre, la citation, la définition et l'abréviation Élément ABBR
Exprimez l'abréviation, son attribut de titre représente le mot complet représentant l'abréviation.
<body> J'aime les pommes et les oranges.
Cet élément n'est pas habitué au style, donc son contenu ne semble pas spécial.
Élément qReprésente le contenu de lui. L'attribut CITE de l'élément Q peut être utilisé pour spécifier l'URL de l'article source.
<body> <p> <q cite = http: //en.wikipedia.org/wiki/Apple> le <dfn </p> </ body>
L'habitude de l'élément Q est de générer des citations avant et après la citation.
citerReprésente le titre de l'œuvre citée.
<body> Mon livre préféré sur les fruits est <Cite> Fruit: comestible, non comestible, incroyable </cite> par Stuppy & Kesseler </body>
Son habitude est oblique.
Élément de langue Éléments Ruby, RT et RPL'élément Ruby représente un texte contenant un symbole phonétique, qui doit être utilisé avec des éléments RT et des éléments RP.
<body> <roby> 魑 <rp> (</ rp> <rt> chi </rt> <rp>) </ rp> </bby> <rp> (</ rp> <rt> mei </ rt > <Rp>) </s rp> </vroby> </ body>
Lorsque le navigateur qui montre un symbole phonétique, l'élément RP et son contenu seront ignorés, et le contenu de l'élément RT sera affiché sous forme de symbole phonétique. Le document est affiché dans un navigateur qui ne prend pas en charge un symbole phonétique, et le contenu des éléments RP et RT sera affiché.
Élément BDOIl est utilisé pour définir la direction des caractères chinois. Les éléments BDO doivent être ajoutés avec les attributs DIR, et la valeur de support est: 1) RTL (de droite à gauche); 2) LTR (de gauche à droite).
<body> <p> Ceci est de gauche à droite: <bdo dir = ltr> j'aime les oranges </bdo> </p> <p> Il s'agit d'oranges de droite-sele </bdo> </p> </docy>Autres éléments de texte élément de portée
Il n'y a pas de sens lui-même et il est généralement utilisé pour appliquer certains attributs globaux à un paragraphe.
<body> j'aime <span class = fruit> pommes </span> et <span class = fruit> orange </span>.élément de marque
HTML5 est ajouté, qui est utilisé pour indiquer un paragraphe affiché en bonne place en raison d'un certain contexte.
<body> <p> J'aimerai une <mark> paire </mark> de <Mark> des personnes </mark> </p> </odyfr>Élément INS et élément del
Les éléments INS et les éléments del peuvent être utilisés pour représenter le texte ajouté et supprimé dans le document.
<body> <p> <el> je peux </mark> le <mark> voir </mark> </del> <ins> Je peux <mark> voir </mark> le <mark> mer </mark> </ins> </p> </body>Élément temporel
Représente l'heure et la date. Si l'attribut booléen Pubdate existe, l'élément de temps représente la date de sortie de l'ensemble du document HTML ou la majeure partie de l'élément d'article de l'élément. Les attributs DateTime spécifient la date et l'heure spécifiées dans le format spécifié dans le RFC3339. Avec DateTime, vous pouvez définir la date ou l'heure sous la forme de l'élément pour faciliter la lecture, et en même temps, assurez-vous que l'ordinateur peut analyser la date ou l'heure spécifiée sans ambiguïté.
<body> Je me souviens encore de la meilleure pomme que j'ai jamais goûtée. >
Les éléments de temps peuvent ne pas inclure la propriété DateTime. du contenu texte.
Ce qui précède est tout le contenu de cet article.