Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTMLドキュメントの基本的な最小構造は何ですか？

HTMLドキュメントはWebページであり、Webサイトにコンテンツを表示するのに役立ちます。これは、開始タグと終了タグを持つタグで構成されています。ただし、一部のタグはペアではありません。つまり、終了タグがありません。基本的な最小限の構造には、追加する必要のあるタグもいくつかあります。

HTMLドキュメントの基本的な最小構造は何ですか？
doctype
これはDoctype宣言であり、HTMLプログラムを開始し、 <！DOCTYPE html>として追加されます。 。これは、ドキュメントについてブラウザに通知および指示するために追加されます。
doctype宣言の後の最初のものは、タグです。他のすべてのHTMLタグは、…タグ内にあります。このタグ内のすべてのタグはHTMLルールに従います。


タグは、…<title>タグを使用してHTMLドキュメントのタイトルを追加するのに役立ちます。 <br> <strong><ボディ></strong> <br> <body>タグを使用すると、HTMLドキュメントにコンテンツを追加できます。 <p> …</p> タグを使用して、Webページに表示されるコンテンツをドキュメントに追加できます。</P> <h4style="">例</h4> <p style =""> </P> <pre><!DOCTYPE html> <html>    <head>       <title>HTML Document</title>    </head>    <body>       <p>This is demo text.</p>    </body> </html></pre> <br> </div> <div class="ad5"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script> <!-- jp.wsxdn 2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="2397329591" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> adsbygoogle = window.adsbygoogle || [].push{}; </script></div> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <a class='LinkPrevArticle' href='https://jp.wsxdn.com/pn014i/pn152h/1001055375.html' ><head>要素のない有効なHTMLドキュメントを作成するにはどうすればよいですか？ </a> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/pn152h/1001055377.html' ><style>タグを使用してHTMLページのスタイル情報を定義するにはどうすればよいですか？ </a> <i class="next"></i> </div> </div> <section class="bottom-list"> <ol> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063721.html" class="t-over" title="HTMLページの水平方向のルールとは何ですか？ "> <span>HTMLページの水平方向のルールとは何ですか？ </span> </a> <p class="r-over r-over-3"> タグは、HTMLの水平方向のルールを表します。 HTMLページのコンテンツを分離します。 タグには終了タグがないことに注意してください。 HTMLページの…タグに追加されます。 例 次のコードを実行して、HTMLページに水平方向のルールを追加してみてください <!DOCTYPE html> <html>    <head>       <title>HTML Horizontal Rule</title>    </head>   &n </p> </div> </li> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001063908.html" class="t-over" title="HTMLで 、<br/>、または<br />を使用する正しい方法は何ですか？ "> <span>HTMLで 、<br/>、または<br />を使用する正しい方法は何ですか？ </span> </a> <p class="r-over r-over-3"> HTMLでは、タグは改行に使用されます。これは空のタグです。つまり、終了タグを追加する必要はありません。 タグを書くことはまったく問題ありません。 他のbrタグの使用法を見てみましょう。例：または、 HTMLでは、タグを使用します。 XHTMLでは、XHTMLガイドラインに記載されているようにまたはを使用するのが有効な方法です。 の前にスペースを含める必要があります（例：）。これらのガイドラインは、XHTMLドキュメントを既存のHTMLユーザーエージェントでレンダリングするためのものです。 次のコードを実行して、タグの完璧な使用法を学ぶことができます。 例 <!DOCTY </p> </div> </li> </ol> </section> </article> <aside class="box1-r box4-r"> <section class="small-nav"> <ul class="f-between"> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd144y/' target="_self">Cプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/qo145i/' target="_self">C ++</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh146b/' target="_self">Redis</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/hf147z/' target="_self">BASHプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/mk148e/' target="_self">Python</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/lj149d/' target="_self">Java</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay150s/' target="_self">データベース</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay151t/' target="_self">HTML</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/pn152h/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh153b/' target="_self">プログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/if154a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig155a/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jg156b/' target="_self">SQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig157b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/wu158p/' target="_self">Android</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ge159z/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh160b/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ec161w/' target="_self">C＃</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd165y/' target="_self">PHP</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig171a/' target="_self">SQL Server</a></li> </ul> </section> <div class="box1-r-list"> <div> <i></i> <span>Javascript</span> </div> <ol> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001054546.html" class="r-over r-over-2" title="HTMLの 要素の使用方法 ">HTMLの 要素の使用方法 </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001054898.html" class="r-over r-over-2" title="HTMLタグ<div>と<span>の違いは何ですか？ ">HTMLタグ<div>と<span>の違いは何ですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001054913.html" class="r-over r-over-2" title="HTMLのid属性とname属性の違いは何ですか？ ">HTMLのid属性とname属性の違いは何ですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001055532.html" class="r-over r-over-2" title="基本的なJavaScriptの数学演算子とは何ですか？ ">基本的なJavaScriptの数学演算子とは何ですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001055682.html" class="r-over r-over-2" title="IE4 DOMメソッドのドキュメントプロパティは何ですか？ ">IE4 DOMメソッドのドキュメントプロパティは何ですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001055705.html" class="r-over r-over-2" title="JavaScriptでのin演算子の使用法は何ですか？ ">JavaScriptでのin演算子の使用法は何ですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056236.html" class="r-over r-over-2" title="HTMLのpushState状態オブジェクトとは正確には何ですか？ ">HTMLのpushState状態オブジェクトとは正確には何ですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056556.html" class="r-over r-over-2" title="HTMLドキュメントにスタイルシートルールを含める方法は何ですか ">HTMLドキュメントにスタイルシートルールを含める方法は何ですか </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001057141.html" class="r-over r-over-2" title="JavaScriptでのproxy（）オブジェクトの使用は何ですか？ ">JavaScriptでのproxy（）オブジェクトの使用は何ですか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001057161.html" class="r-over r-over-2" title="JavaScriptでundefinedのブール値は何ですか？ ">JavaScriptでundefinedのブール値は何ですか？ </a> </li> </ol> </div> </aside> </section> <footer> <section> <span class="container f-center"> 著作権 © <a href="https://jp.wsxdn.com">https://jp.wsxdn.com</a> 全著作権所有 </span> </section> </footer> </body> </html>