HTML ドキュメントの 2 つの主要部分は、ヘッドとボディです。各セクションには特定の情報が含まれています。ヘッド セクションには、Web ブラウザや検索エンジンには役立つ情報が含まれていますが、読者には表示されません。本文セクションには、訪問者に表示する情報が含まれています。ドキュメントは、Web ブラウザーが情報を解析して訪問者に正しく表示できるように特別にフォーマットされています。
HTML ドキュメントの構造
HTML ドキュメントは、Web ブラウザで読み取れるように正しくフォーマットする必要があります。以下は、典型的な HTML ドキュメントの概要です:
Web ブラウザと検索エンジンに関する情報 読者に見える内容
両方の
タグと タグはメインに含まれています タグ。ドキュメントを読み取るには、両方のセクションを「」文字で終了する必要があります。
ヘッド コンテンツ
ドキュメントのヘッド セクションには、サイトのタイトル、検索エンジンのキーワード、スクリプト、およびページの書式設定に使用するカスケード スタイル シートの場所が含まれます。 head セクションで使用される典型的な HTML タグには、
、<style>、および <script> タグが含まれます。</P> <p>
<title> タグは、ドキュメントのタイトルを定義します。タグは、CSS ファイルなどの外部リソースをドキュメントにリンクします。 <style> タグはドキュメントのスタイルを定義します。タグは、ドキュメントの作成者、キーワード、および説明を定義するために使用されます。 <script> タグは、訪問者のコンピューターで実行されるスクリプトを定義します。 head セクションがドキュメントに配置されていない場合でも、ドキュメントのコンテンツはブラウザによって表示されます。</P> <h2> 本文の内容 </h2> <p>
body セクションは、実際の Web ページをフォーマットするために使用されます。段落タグ ( <p>
)、アンカー タグ ()、見出しタグ ( <h1> から <h6>) とセクション タグ () は、ドキュメントのこのセクションで使用されます。サーバー側のスクリプトもドキュメントのこのセクションに配置されています。 HTML ドキュメントに本文セクションがない場合、Web ブラウザには何も表示されません。</P> <h2>文書タイプ</h2> <p>
間に含まれていない唯一のもの <html> タグは DOCTYPE 宣言です。使用する場合は、HTML ドキュメントの最初の行にする必要があります。ドキュメントが使用している HTML のバージョンを Web ブラウザに伝えるために使用されます。ブラウザーはこの宣言を使用して、ページを正しくレンダリングします。 DOCTYPE 宣言は省略できますが、ブラウザーがページを正しく表示しない場合があります。</P> <br>
</div>
<div class="ad_x2 ad6">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1642008271571820" crossorigin="anonymous"></script> <!-- jp.ruodiantong --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1642008271571820" data-ad-slot="3488410795" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
</div>
<section id="turn-page" class="between wrap">
<div class="page up align box_sjawio">
<i class="prev icon"></i>
<a class='LinkPrevArticle' href='https://jp.ruodiantong.com/l1021148/v1021157/189912/1021133787.html' >Word ドキュメントで表を使用する利点は?</a>
</div>
<div class="page down align box_sjawio">
<a class='LinkNextArticle' href='https://jp.ruodiantong.com/l1021148/v1021157/189912/1021133789.html' >ノートパソコンを落として画面が動かなくなった</a>
<i class="next icon"></i>
</div>
</section>
<div class="jaxianr"></div>
<div class=nrb>
<div class=ntitle>スマートライフ</div>
<section class="art_listrtyja between wrap">
<ul>
<li>
<a href="https://jp.ruodiantong.com/l1021148/v1021157/202210/1021122889.html" class="start align">
<div class="text">
<strong class="row etsrow-3">テレビの主要部分は?</strong>
</div>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/l1021148/v1021157/202210/1021126695.html" class="start align">
<div class="text">
<strong class="row etsrow-3">メール アドレスのさまざまな部分とは?</strong>
</div>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/c10218/u1021118/202210/1021127835.html" class="start align">
<div class="text">
<strong class="row etsrow-3">ラジオの主要部分は?</strong>
</div>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/v10216/y102188/202210/1021131277.html" class="start align">
<div class="text">
<strong class="row etsrow-3">ビデオ カメラの部品とは?</strong>
</div>
</a>
</li>
</ul>
<ol>
<li>
<a href="https://jp.ruodiantong.com/y10217/z1021108/201402/1021034556.html" class="start align textover_fwe">
<strong class="textover_fwe">望遠鏡の部品の仕様は何ですか？</strong>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/c10218/u1021118/201402/1021037474.html" class="start align textover_fwe">
<strong class="textover_fwe">ラジオの主要部品何？</strong>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/q10211/e102128/201402/1021059893.html" class="start align textover_fwe">
<strong class="textover_fwe">ビデオカメラの部品何？</strong>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/j10213/v102152/201411/1021069973.html" class="start align textover_fwe">
<strong class="textover_fwe">携帯電話の内部の部品は何ですか？</strong>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/j10213/v102152/201411/1021078613.html" class="start align textover_fwe">
<strong class="textover_fwe">携帯電話の部品は何ですか？</strong>
</a>
</li>
</ol>
</section>
</div>
</article>
<aside class="right hb">
<div class="art_rja2">
<div class="rt">
<section class="align start">
<i class="icon"></i>
<strong class="textover_fwe">スマートライフ</strong>
</section>
</div>
<div class="imgs p20">
<section>
<a href="https://jp.ruodiantong.com/j10213/o102168/202210/1021117717.html"><div class="ja_ibox"><strong>携帯電話の主要部分は?</strong></a>
</section>
<section>
<a href="https://jp.ruodiantong.com/l1021148/v1021157/202210/1021119078.html"><div class="ja_ibox"><strong>サイバー犯罪の主な構成要素は?</strong></a>
</section>
<section>
<a href="https://jp.ruodiantong.com/l1021148/v1021157/202210/1021121878.html"><div class="ja_ibox"><strong>Microsoft Excel のさまざまな部分とは?</strong></a>
</section>
<section>
<a href="https://jp.ruodiantong.com/l1021148/v1021157/202210/1021122712.html"><div class="ja_ibox"><strong>コピー機の部品とは?</strong></a>
</section>
</div>
<div class="jatlist p20">
<ol>
<li>
<a href="https://jp.ruodiantong.com/v10216/a102195/201411/1021088933.html" class="start">
<strong class="row jarow_2">ラジオの重要な部分は何ですか？</strong>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/v10216/x102197/201411/1021090027.html" class="start">
<strong class="row jarow_2">スピーカーの部品は何ですか？</strong>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/a102110/j1021132/201411/1021100433.html" class="start">
<strong class="row jarow_2">テレビの主要部品何？</strong>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/a102110/n1021138/201411/1021103021.html" class="start">
<strong class="row jarow_2">テレビの主要部品何？</strong>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/l1021148/v1021157/202210/1021121684.html" class="start">
<strong class="row jarow_2">MS Word 画面のパーツ</strong>
</a>
</li>
<li>
<a href="https://jp.ruodiantong.com/l1021148/v1021157/202210/1021125867.html" class="start">
<strong class="row jarow_2">RAMの部品は何ですか? </strong>
</a>
</li>
</ol>
</div>
</div>
</aside>
</section>
<footer class="align">
<section class="contaijawe">
<span>
著作権 © <a href="https://jp.ruodiantong.com/">電子技術オンライン</a> 全著作権所有 <a href="https://jp.ruodiantong.com/ja.html" target=_blank>サイトマップ</a>
</span>
<a href="https://jp.ruodiantong.com/" class="floog ja_ibox">
<img src="https://jp.ruodiantong.com/css/img/logo1.png" alt="">
</a>
</section>
</footer>
</body>
</html> 