検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >XHTML_HTML/Xhtml_Web ページ制作における共通タグの整理

XHTML_HTML/Xhtml_Web ページ制作における共通タグの整理

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 16:36:151215ブラウズ

XHTML タグとは何ですか?
XHTML タグ要素は、XHTML ドキュメントの基本的な構成要素です。 XHTML タグは、XHTML ドキュメント内で「これが何であるか、それが何であるか」を定義するために XHTML 言語によって使用されるタグとして理解できます。
XHTML タグは山かっこで囲まれたキーワードで、 のようにペアで現れることがよくあります。このタグは、これが hmtl (xhtml) ドキュメントであることを示します。タグ ペアの最初のタグは開始タグ、2 番目のタグは終了タグです。
改行タグ
など、ペアになっていないタグや終了タグ​​がないタグも少数あります。
XHTML タグを閉じる
XHTML 仕様では、すべてのタグを閉じる必要があります。通常、ペアになっているタグは終了タグで閉じられ、ペアになっていないタグはスペースと /> で閉じます (
など)。
ブラウザは閉じられていないタグを認識できますが、規制や長期的な観点からは終了タグが必要です。

一般的に使用される XHTML タグ
タグ
このタグは、XHTML ファイル タイプ宣言を除き、これが hmtl (xhtml) ドキュメントであることを示します。その他すべて すべての XHTML タグ要素は、このタグ内に埋め込まれる必要があります。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>
  2. <頭> ... 頭>
  3. <ボディ>
  4. <p>テキスト段落とその他のテキスト コンテンツp>
  5. ボディ>
  6. html>

タグ
この情報は、通常、ブラウザーと XHTML ドキュメントに必要な情報です。 XHTML CSS スタイルやドキュメントによってロードされるその他のスクリプト情報など、ドキュメントの追加の説明。

タグ
このタグは、XHTML ドキュメント全体のタイトルを定義し、ブラウザ ウィンドウの上部にあるタイトル バーに表示するために使用されます。タグは < ;head> にネストされています。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <頭>
  2. <title>XHTML タグ - XHTML チュートリアルタイトル>
  3. 頭>
  4. <ボディ>ボディ> タグ

名前が示すように、このタグは XHTML ドキュメントの本文コンテンツを記述し、表示する必要があるすべての本文コンテンツがこのタグに含まれます。

XHTML タイトル
XHTML ドキュメントのタイトルは、それぞれ

～

で定義されます。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <h1>レベル 1 タイトル h1>
  2. <h1>レベル 2 タイトル h1>
  3. <h1>第 3 レベルの見出し h1>

このタイトルは ではありませんが、通常、<h1> は <title> と同等であることに注意してください。 </p> <p>XHTML 段落<strong><br>XHTML 段落は <p></p> タグで定義されます: </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML コード<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><<span class="tag"></span>p<span class="tag-name"></span>><span class="tag"></span>これは段落です<span></span></<span class="tag"></span>p<span class="tag-name"></span>><span class="tag"></span> <span></span></span> </li> </ol> </div> </div><p>XHTML ハイパーリンク<strong><br />XHTML ハイパーリンクは <a></a> タグで定義されます: <br> <div class="codeText"> <div class="codeHead">XML/HTML コード<span class="lantxt"></span>コンテンツをクリップボードにコピー<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_2790')"></span> </div> <div id="code_2790"> <ol class="dp-xml"> <li class="alt"> <span><<span class="tag"></span>a<span class="tag-name"></span> <span></span>href<span class="attribute"></span>=<span></span>"http://www .jb51.net"<span class="attribute-value"></span>><span class="tag"></span>5iDev Web 開発オンライン チュートリアル<span></span></<span class="tag"></span>a<span class="tag-name"></span>><span class="tag"></span> <span></span></span> </li> </ol> </div> </div><p>XHTML 画像<strong><br />XHTML 画像は </strong><br /> タグで定義されます。 </p> <div class="codeText"><div class="codeHead">XML/HTML コード<span class="lantxt"></span>コンテンツをクリップボードにコピー<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4498')"></span> </div> <div id="code_4498"> <ol class="dp-xml"><li class="alt"><span><<span class="tag"></span>img<span class="tag-name"></span> <span></span>src<span class="attribute"></span>=<span></span>"flower.jpg"<span class="attribute-value"></span> <span></span>alt<span class="attribute"></span>=<span></span>"花"<span class="attribute-value"></span> <span></span>/><span class="tag"></span> <span></span></span> </li> </ol> </div> </div>このタグで、src 属性を使用して画像ソースを指定すると、タグによってブラウザーに flowers.jpg 画像が表示されます。 <p> </p> <p>XHTML フォーム<strong><br>XHTML フォームは、ユーザー コメントなどのユーザー入力情報を収集するために使用されます。フォームは <form></form> で定義されます: </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML コード<span class="lantxt"></span>コンテンツをクリップボードにコピー<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8737')"></span> </div> <div id="code_8737"> <ol class="dp-xml"> <li class="alt"><span><<span class="tag"></span>フォーム<span class="tag-name"></span>><span class="tag"></span> <span></span></span> </li><li>さまざまなフォーム要素 (テキストフィールド、ドロップダウンリスト、ラジオボタン、チェックボックスなど) <span></span> </li><li class="alt"><span></span></<span class="tag"></span>フォーム<span class="tag-name"></span>><span class="tag"></span> <span></span> </span></li> </ol> </div> </div></span></li></ol> </div> </div></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>声明：</span><div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div></div></div><div class="nphpSytBox"><span>前の記事：<a class="dBlack" title="HTML_HTML/Xhtml_Web ページ制作における META タグの使用テクニックを説明する例" href="https://m.php.cn/ja/faq/10898.html">HTML_HTML/Xhtml_Web ページ制作における META タグの使用テクニックを説明する例</a></span><span>次の記事：<a class="dBlack" title="HTML_HTML/Xhtml_Web ページ制作における META タグの使用テクニックを説明する例" href="https://m.php.cn/ja/faq/10902.html">HTML_HTML/Xhtml_Web ページ制作における META タグの使用テクニックを説明する例</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>関連記事</h2><em><a href="https://m.php.cn/ja/article.html" class="bBlack"><i>続きを見る</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/ja/faq/348757.html" title="HTMLの知識のまとめ" class="aBlack">HTMLの知識のまとめ</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/348804.html" title="HTMLを早く学ぶ方法" class="aBlack">HTMLを早く学ぶ方法</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/348873.html" title="html xhtml xml の違い" class="aBlack">html xhtml xml の違い</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/faq/348884.html" title="src 属性と href 属性の違い" class="aBlack">src 属性と href 属性の違い</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ja/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>福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！</p></div><div class="footermid"><a href="https://m.php.cn/ja/about/us.html">私たちについて</a><a href="https://m.php.cn/ja/about/disclaimer.html">免責事項</a><a href="https://m.php.cn/ja/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><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>