Maison >interface Web >tutoriel HTML >Organisation des balises communes dans la production de pages XHTML_HTML/Xhtml_Web

Organisation des balises communes dans la production de pages XHTML_HTML/Xhtml_Web

WBOY
WBOYoriginal
2016-05-16 16:36:151176parcourir

Que sont les balises XHTML ?
Les éléments de balise XHTML sont les éléments de base des documents XHTML. Les balises XHTML peuvent être comprises comme les balises utilisées par le langage XHTML pour définir « qu'est-ce que c'est, qu'est-ce que c'est » dans un document XHTML.
Les balises XHTML sont des mots-clés entourés de crochets angulaires, apparaissant souvent par paires, comme . Cette balise indique qu'il s'agit d'un document hmtl (xhtml). La première balise d’une paire de balises est la balise de début et la deuxième balise est la balise de fin.
Il existe également un petit nombre de balises qui ne sont pas associées ou qui n'ont pas de balises de fin, telles que les balises de saut de ligne
.
Fermer les balises XHTML
Dans la spécification XHTML, toutes les balises doivent être fermées. Habituellement, les balises appariées sont fermées par une balise de fermeture et les balises non appariées sont fermées par un espace plus />, tel que
.
Bien que les navigateurs puissent reconnaître les balises non fermées, la fermeture des balises est nécessaire d'un point de vue réglementaire et à long terme.

Balises XHTML couramment utilisées
Balise
Cette balise indique qu'il s'agit d'un document hmtl (xhtml). À l'exception de la déclaration du type de fichier XHTML, tout le reste Tous les éléments de balise XHTML doivent être intégrés dans cette balise.

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <html>
  2. <tête> ... tête>
  3. <corps>
  4. <p>Paragraphes de texte et autres contenus de textep> 
  5. corps>
  6. html>

balise
indique les informations d'en-tête du document XHTML. Ces informations sont généralement requises par le navigateur et pour. XHTML Description supplémentaire du document, telle que les styles CSS ou d'autres informations de script chargées par le document.

Balise
Cette balise définit le titre de l'ensemble du document XHTML et est utilisée pour afficher dans la barre de titre en haut de la fenêtre du navigateur. la balise est imbriquée dans < ;head>.

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <tête>
  2. titre> tête>
  3. <corps>
  4. corps> Balises Comme son nom l'indique, cette balise décrit le contenu du corps du document XHTML, et tout le contenu du corps qui doit être affiché est inclus dans cette balise. Titre XHTML Le titre du document XHTML est divisé en 6 niveaux, définis respectivement par

Code XML/HTML

Copier le contenu dans le presse-papiers

  1. <h1>Titre niveau 1 h1>
  2. <h1>Titre niveau 2 h1>
  3. <h1>Titre de troisième niveau h1>

Notez que ce titre n'est pas un titre , mais généralement <h1> </p> <p>Paragraphe XHTML<strong><br>Le paragraphe XHTML est défini par la balise <p></p> </strong> <br></p>Code XML/HTML<div class="codeText"> <div class="codeHead">Copier le contenu dans le presse-papiers<span class="lantxt"></span> <span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4556')"> </span> </div> <div id="code_4556"><ol class="dp-xml"><<li class="alt"><span>p<span class="tag"></span>><span class="tag-name"></span>Ceci est un paragraphe <span class="tag"></span></<span></span>p<span class="tag"></span>><span class="tag-name"></span> <span class="tag"></span><span> </span> </ol></div>Lien hypertexte XHTML</div> <p>Le lien hypertexte XHTML est défini par la balise <a></a> <strong> <br></strong>Code XML/HTML<br></p>Copier le contenu dans le presse-papiers<div class="codeText"> <div class="codeHead"> <span class="lantxt"> </span> <span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_2790')"></span> </div><<div id="code_2790"><ol class="dp-xml">a<li class="alt"><span> <span class="tag"></span>href<span class="tag-name"></span>=<span></span>"http://www .jb51.net"<span class="attribute"></span>><span></span>Tutoriel en ligne de développement Web 5iDev<span class="attribute-value"></span></<span class="tag"></span>a<span></span>><span class="tag"></span> <span class="tag-name"></span><span class="tag"> </span> <span> </span> Images XHTML</div>Les images XHTML sont définies avec la balise <img> <p><strong>Code XML/HTML<br></strong>Copier le contenu dans le presse-papiers<br></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt"></span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4498')"><</span></div>img<div id="code_4498"><ol class="dp-xml"> <li class="alt"><span>src<span class="tag"></span>=<span class="tag-name"></span>"fleur.jpg"<span></span> <span class="attribute"></span>alt<span></span>=<span class="attribute-value"></span>"花"<span></span> <span class="attribute"></span>/><span></span> <span class="attribute-value"></span><span> </span> <span class="tag"> </span> <span>Dans cette balise, fournissez la source de l'image avec l'attribut src, et la balise affichera l'image flower.jpg dans le navigateur. </span> </span>Formulaire XHTML</div>Le formulaire XHTML est utilisé pour collecter des informations saisies par l'utilisateur, telles que les commentaires de l'utilisateur, etc. Le formulaire est défini par <form></form> : </div> <p> </p> <p><strong>Code XML/HTML<br></strong>Copier le contenu dans le presse-papiers<br></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt"></span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8737')"><</span></div>formulaire<div id="code_8737"><ol class="dp-xml">><li class="alt"><span> <span class="tag"></span><span class="tag-name"> </span><span class="tag">Divers éléments de formulaire (champs de texte, listes déroulantes, boutons radio, cases à cocher, etc.) </span><span> </span></span></li> <li></<span></span>formulaire</li><li class="alt">><span></span> <span class="tag"></span> <span class="tag-name"> </span> <span class="tag"></span> </li></span> </div> </div></strong></p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration:</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent:<a class="dBlack" title="Exemples pour expliquer certaines techniques d'utilisation des balises META dans la production HTML_HTML/Xhtml_Webpage" href="https://m.php.cn/fr/faq/10898.html">Exemples pour expliquer certaines techniques d'utilisation des balises META dans la production HTML_HTML/Xhtml_Webpage</a></span><span>Article suivant:<a class="dBlack" title="Exemples pour expliquer certaines techniques d'utilisation des balises META dans la production HTML_HTML/Xhtml_Webpage" href="https://m.php.cn/fr/faq/10902.html">Exemples pour expliquer certaines techniques d'utilisation des balises META dans la production HTML_HTML/Xhtml_Webpage</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="https://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/fr/faq/348757.html" title="Résumé des connaissances HTML" class="aBlack">Résumé des connaissances HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348804.html" title="Comment apprendre le HTML rapidement" class="aBlack">Comment apprendre le HTML rapidement</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348873.html" title="La différence entre htmlxhtmlxml" class="aBlack">La différence entre htmlxhtmlxml</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348884.html" title="La différence entre les attributs src et href" class="aBlack">La différence entre les attributs src et href</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348902.html" title="关于HTML5和CSS替换使用" class="aBlack">关于HTML5和CSS替换使用</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!</p></div><div class="footermid"><a href="https://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>