ドキュメントのヘッドセクションには、サイトのタイトル、検索エンジンのキーワード、スクリプト、およびページのフォーマットに使用する必要のあるカスケードスタイルシートの場所が含まれています。 ヘッドセクションで使用される一般的なHTMLタグには、
、<link>、<style>
、<meta>、および<script>タグ。</ p> </ div> <div class = "component-article-section-content ui-body article-section-content"> <p> <title>タグは、ドキュメントのタイトルを定義します。 <link>タグは、CSSファイルなどの外部リソースをドキュメントにリンクします。 <style>タグは、ドキュメントのスタイルを定義します。 <meta>タグは、ドキュメントの作成者、キーワード、および説明を定義するために使用されます。 <script>タグは、訪問者のコンピューターで実行されるスクリプトを定義します。 ヘッドセクションがドキュメントに配置されていない場合でも、ドキュメントのコンテンツはブラウザに表示されます。</ p> </ div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad--mobile"> <p class = "inline-ad__labelui-label">広告 </ p> <div class = "inline-ad__wrapper"> <div id = "slot1-3" data-ad-path = "/ 6117 / dmd.techwalla.mw / slot1-3" data-ad-batch = "1" data-ad-targeting = "{" loc "：" ad_3 "}" data-ad-sizes = "[[300,250]、[320,50]、[320,100]]" data-ad-bidding = "true" data-ad-breakpoint = "small" data-ad-refresh = "false" data-ad-type = "gpt" reveAdRefresh = "false" class = "component-ad-gpt ad slot ad-mobile"> </ div > </ div> </ div> </ div> <div class = "component-article-section-heading article-section-content"> <h2 id = "body-contents">本文の内容</ h2> </ div> <div class = "component-article-section-content ui -体 article-section-content "> <p>本文セクションは、実際のWebページをフォーマットするために使用されます。 段落タグ（<p>）、アンカータグ（<a>）、見出しタグ（<h1>から<h6>）、セクションタグ（<div>）などのほとんどのHTMLタグは、 ドキュメントのこのセクション。 サーバー側スクリプトも、ドキュメントのこのセクションに配置されています。 HTMLドキュメントに本文セクションがない場合、Webブラウザには何も表示されません。</ p> </ div> <div class = "component-article-section-heading article-section-content"> <h2 id = "doctype"> DOCTYPE </ h2> </ div> <div class = "component-article-section-content ui-body article-section-content"> <p> <html>タグの間に含まれていないのは DOCTYPE宣言。 使用する場合は、HTMLドキュメントの最初の行にする必要があります。 これは、ドキュメントが使用しているHTMLのバージョンをWebブラウザに通知するために使用されます。 ブラウザはこの宣言を使用して、ページを正しくレンダリングします。 DOCTYPE宣言は省略できますが、ブラウザがページを正しく表示しない場合があります。</ p> </ div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad--desktop"> <！> <div class = "inline-ad__wrapper"> < div id = "inline1-2" data-ad-path = "/ 6117 / dmd.techwalla / inline1-2" data-ad-batch = "2" data-ad-targeting = "{" loc "：" inline_2 "}" data-ad-sizes = "[[728,90]、[300,250]]" data-ad-bidding = "true" data-ad-breakpoint = "medium、large" data-ad-refresh = "false" data-ad-type = "gpt" reveAdRefresh = "false" class = "component-ad-gpt ad inline ad-desktop"> < / div> </ div> </ div> </ div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad--mobile"> <p class = "inline-ad__labelui-label">広告</ p> <div class = "inline-ad__wrapper"> <div id = "slot1-4" data-ad-path = "/ 6117 / dmd.techwalla.mw / slot1-4" data-ad-batch = "2" data-ad- target = "{" loc "：" ad_4 "}" data-ad-sizes = "[[300,250]、[320,50]、[320,100]]" data-ad-bidding = "true" data-ad-breakpoint = "small" data-ad-refresh = "false" data-ad-type = "gpt" reveAdRefresh = "false" class = "component-ad-gpt ad slot ad-mobile"> </ div> </ div> </ div> </ div> </ article> <！> <div class = "component-article-citations desktop- モバイルを非表示-非表示 "> <div class = "citations-heading"> <div class = "citations-titleui-heading-NN">参照</ div> <div class = "citations-dropdown"> <div class = "svg arrow-down-small svg--arrow-down-small "> </ div> </ div> </ div> <div class =" citations-list-wrapper "> <ul class =" citations-list is-hidden "> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/html/html_head.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com：HTMLヘッド要素</a> </ li> <li class = "citations-item ui-body"> <a href = http://www.w3schools.com/tags/tag_meta.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com：HTML < メタ> タグ</a> </ li> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/tags/tag_body.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com：HTML < 本体> タグ</a> </ li> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/tags/tag_doctype.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com：HTML <！DOCTYPE> 宣言</a> </ li> </ ul> </ div> </ div> <！> <！> <！> <div class = "component-ads-by-google end-of-article-ads" > <ins data-ad-client = "pub-0316265116163263" data-ad-slot = "6915260661" data-ad-format = "" class = "nope"> </ ins> </ div> <！> <！> </ div> <aside class = "right-rail rrvNN デスクトップ-showmobile-hide "> <div class =" ad-one "> <div class = "disclaimer-ad-wrapper" style = "top：20px;"> <div class = "component-compensation-disclaimer ui-label mobile-hide desktop-show"> Techwallaは このストーリーのアフィリエイトリンク。 </ div> <div class = "ad atf"> <div id = "rightrail1-1" data-ad-path = "/ 6117 / dmd.techwalla / rightrail1-1" data-ad-targeting = "{" loc "：" atf "}" data-ad-batch = "1" data-ad-breakpoint = "large" data-ad-type = "gpt" data-ad-refresh = "true" data-ad-sizes = "[[300、250]、[300、600]]"> </ div> </ div> </ div> </ div> <div class = "component-article-rcp desktop-show mobile-hide desktop-6 mobile-6 "> <div class =" related-content__heading "> <h4 class =" heading "> <span>人々は読んでいます</ span> </ h4> </ div> <div class =" related-content " > <div id = "articleWrapper0rcpItem0" class = "related-content__item tech-support"> <div class = "item__section item__section--number"> <div> 1 </ div> <！> <！> <！> <！> <！> <！> < / div> <div class = "item__section item__section--title "> <！> <！> <！> <a href =" https://www.techwalla.com/articles/how-to-center-an-image-using-html-programming" data-event = "rc_right_rail" data-variant = "cme" data-info = "1" data-label = "/ articles / how-to-center-an-image-using-html-programming" title = "ハウツー HTMLを使用して画像を中央揃え プログラミング "class =" ui-body "> <h5> HTMLプログラミングを使用して画像を中央に配置する方法</ h5> </a> <！> <！> <！> </ div> </ div> <div id = "articleWrapper0rcpItem1" class = "related-content__item tech-support"> <div class = "item__section item__section--number"> <div> 2 </ div> <！> <！> <！> <！> <！> <！> < / div> <div class = "item__section item__section--title "> <！> <！> <！> <a href =" https://www.techwalla.com/articles/how-to-use-javascript-to-print-a-pdf" data-event = "rc_right_rail" data-variant = "cme" data-info = "2" data-label = "/ articles / how-to-use-javascript-to-print-a-pdf" title = "方法 JavaScriptを使用して印刷する PDF "class =" ui-body "> <h5> JavaScriptを使用してPDFを印刷する方法</ h5> </a> <！> <！> <！> </ div> </ div> <div id = "articleWrapper0rcpItem2" class = "related-content__item tech-support "> <div class =" item__section item__section--number "> <div> 3 </ div> <！> <！> <！> <！> <！> <！> </ div> <div class = "item__section item__section--title"> <！> <！> <！> <a href = " https://www.techwalla.com/articles/how-to-reduce-the-spacing-between-lines-in-html" data-event = "rc_right_rail" data-variant = "cme" data-info = "3" data-label = "/ articles / how-to-reduce-the-spacing-between-lines-in-html" title = " 行間の間隔を減らす方法 in HTML "class =" ui-body "> <h5> HTMLの行間の間隔を減らす方法</ h5> </a> <！> <！> <！> </ div> </ div> <div id = "articleWrapper0rcpItem3" class = "related-content__item 技術的に親のために "> <div class =" item__section item__section--number "> <div> 4 </ div> <！> <！> <！> <！> <！> <！> </ div> < div class = "item__section item__section--title"> <！> <！> <！> <a href = " https://www.techwalla.com/articles/what-does-html-stand-for" data-event = "rc_right_rail" data-variant = "cme" data-info = "4" data-label = "/ articles / what-does-html-stand-for" title = "HTMLは何の略ですか？" class = "ui-body"> <h5> HTMLは何の略ですか？ </ h5> </a> <！> <！> <！> </ div> </ div> <div id = "articleWrapper0rcpItem4" class = "related-content__item tech-support"> <div class = "item__section item__section--number "> <div> 5 </ div> <！> <！> <！> <！> <！> <！> </ div> <div class =" item__section item__section--title "> <！ > <！> <！> <a href = " https://www.techwalla.com/articles/how-do-i-make-text-red-in-html" data-event = "rc_right_rail" data-variant = "cme" data-info = "5" data-label = "/ articles / how-do-i-make-text-red-in-html" title = "HTMLでテキストを赤にするにはどうすればよいですか？" class = "ui-body"> <h5> HTMLでテキストを赤にするにはどうすればよいですか？ </ h5> </a> <！> <！> <！> </ div> </ div> <div id = "articleWrapper0rcpItem5" class = "related-content__item tech-support"> <div class = "item__section item__section--number "> <div> 6 </ div> <！> <！> <！> <！> <！> <！> </ div> <div class =" item__section item__section--title "> <！ > <！> <！> <a href = " https://www.techwalla.com/articles/how-to-type-a-caret-symbol" data-event = "rc_right_rail" data-variant = "cme" data-info = "6" data-label = "/ articles / how-to-type-a-caret-symbol" title = "キャレット記号の入力方法 "class =" ui-body "> <h5>キャレット記号の入力方法 </ h5> </a> <！> <！> <！> </ div> </ div> </ div> </ div> <div class = "ad-two"> <div class = "ad btf "style =" top：20px; "> <div id =" rightrail1-2 "data-ad-path =" / 6117 / dmd.techwalla / rightrail1-2 " data-ad-targeting = "{" loc "：" btf "}" data-ad-batch = "1" data-ad-breakpoint = "large" data-ad-type = "gpt" data-ad-refresh = "true" data-ad-sizes = "[[300、250]]"> </ div> </ div> </ div> <！> <div class = "ad-three-four-container"> <！> <！> </ div> </ aside> </ div> </ div> </ div> <div data-ad-breakpoint = "small" data -ad-logic = "adhesion" data-ad-refresh = "false" data-ad-batch = "1" data-ad-targeting = "{" loc "：" adhesion "}" data-ad-path = "/ 6117 / dmd.techwalla.mw /"> </ div> <！> <div class = "ad-infinite -scroll "> <div id =" infscroll-mobile1-1 " data-ad-path = "/ 6117 / dmd.techwalla.mw / infscroll1-1" data-ad-batch = "1" data-ad-targeting = "{" loc "：" infscroll "}" data-ad- size = "[[1,2]]" data-ad-bidding = "false" data-ad-breakpoint = "small" data-ad-refresh = "false" data-ad-type = "gpt" class = "component-ad-gpt ad infscroll ad-mobile"> </ div> <div id = "infscroll1-1" data-ad- path = "/ 6117 / dmd.techwalla / infscroll1-1" data-ad-batch = "1" data-ad-targeting = "{" loc "：" infscroll "}" data-ad-sizes = "[[1,2]]" data-ad-bidding = "false" data-ad-breakpoint = "medium、 large "data-ad-refresh =" false "data-ad-type =" gpt "class =" component-ad-gpt ad infscroll ad-desktop "> </ div> </ div> </ div> </ div> <div id =" brandmetrics1-1 "data-ad-type =" gpt "data-ad-batch =" 1 "data -ad-breakpoint = "small、medium、large" data-ad-outofpage = "true" data-ad-pathmobile = "/ 6117 / dmd.techwalla.mw / brandmetrics1-1" data-ad-pathdesktop = "/ 6117 / dmd.techwalla / brandmetrics1-1" data-ad-refresh = "false" data-ad -sizes = "[[1、 1]] "> </ div> </ div> </ div> </ div> </ div> </ main> <！> </ div> <div class =" component-subscriber-manager "> <！ > <！> <！> <div id = "emailslider1-1" data-ad-path = "/ 6117 / dmd.techwalla / emailslider1-1" data-ad-batch = "1" data-ad-targeting = "{" loc "：" "}" data-ad-sizes = "[[1,3]]" data-ad-bidding = "true" data -ad-breakpoint = "small、medium、large" data-ad-refresh = "false" data-ad-type = "gpt" class = "component-ad-gpt ad emailslider ad-モバイル、デスクトップ "> </ div> </ div> </ div> <script> window .__ INITIAL_STATE __ = {" statusCode "：200、" isActiveModal "：false、" showPage500 "：false、" ads "：{}、" Article " ：{"articles"：[{"category"：{"name"： "Tech Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" Reviews "、" slug "：" reviews "}、" body "：[{" parts "：[{" content "：" \ u003Cp \ u003E HTMLドキュメントの2つの主要部分は、ヘッドとボディです。 各セクションには特定の情報が含まれています。 ヘッドセクションには、Webブラウザと検索エンジンには役立つ情報が含まれていますが、読者には表示されません。 本文セクションには、訪問者に見せたい情報が含まれています。 ドキュメントは、Webブラウザが情報を解析して訪問者に提示できるように特別にフォーマットされています 正しく。\ u003C \ u002Fp \ u003E \ n "}]}、{" parts "：[{" content "：" \ u003Cp \ u003EAn HTMLドキュメントは、 ウェブブラウザ。 一般的なHTMLドキュメントの概要は次のとおりです。\ u003C \ u002Fp \ u003E \ n "}、{" content "：" \ u003C！DOCTYPE \ u003E \ u003Chtml \ u003E \ u003Chead \ u003EWebブラウザおよび検索エンジンの情報\ u003C \ u002Fhead \ u003E \ u003Cbody \ u003E読者に表示されるコンテンツ \ u003C \ u002Fbody \ u003E \ u003C \ u002Fhtml \ u003E "}、{" content "：" \ u003Cp \ u003EB \ u003Chead \ u003Eタグと\ u003Cbody \ u003Eタグの両方が含まれています メインの\ u003Chtml \ u003Eタグ内。 ドキュメントを読み取るには、両方のセクションを「<\ u002F>」文字で終了する必要があります。\ u003C \ u002Fp \ u003E \ n "}]、" title "：" HTMLの構造 document "}、{" parts "：[{" content "：" \ u003Cp \ u003Eドキュメントのヘッドセクションには、サイトのタイトル、検索エンジンのキーワード、スクリプト、およびカスケードスタイルシートの場所が含まれています。 これは、ページのフォーマットに使用する必要があります。 ヘッドセクションで使用される一般的なHTMLタグには、\ u003Ctitle \ u003E、\ u003Clink \ u003E、\ u003Cstyle \ u003E、\ u003Cmeta \ u003E、および \ u003Cscript \ u003Eタグ。\ u003C \ u002Fp \ u003E \ n "}、{" content "：" \ u003Cp \ u003E \ u003Ctitle \ u003Eタグは、 資料。 \ u003Clink \ u003Eタグは、CSSファイルなどの外部リソースをドキュメントにリンクします。 \ u003Cstyle \ u003Eタグは、ドキュメントスタイルを定義します。 \ u003Cmeta \ u003Eタグは、ドキュメントの作成者、キーワード、および説明を定義するために使用されます。 \ u003Cscript \ u003Eタグは、訪問者のコンピューターで実行されるスクリプトを定義します。 ヘッドセクションがドキュメントに配置されていない場合でも、ドキュメントの内容は ブラウザ。\ u003C \ u002Fp \ u003E \ n "}]、" title "：" HeadContents "}、{" parts "：[{" content "：" \ u003Cp \ u003E本文セクションはフォーマットに使用されます 実際のWebページ。 段落タグ（\ u003Cp \ u003E）、アンカータグ（\ u003Ca \ u003E）、見出しなど、ほとんどのHTMLタグ タグ（\ u003Ch1 \ u003Eから\ u003Ch6 \ u003E）とセクションタグ（\ u003Cdiv \ u003E）は、 資料。 サーバー側スクリプトも、ドキュメントのこのセクションに配置されています。 HTMLドキュメントに本文セクションがない場合、Webには何も表示されません。 browser。\ u003C \ u002Fp \ u003E \ n "}]、" title "："本文の内容 "}、{"パーツ "：[{"コンテンツ "：" \ u003Cp \ u003E \ u003Chtml \ u003EタグはDOCTYPE宣言です。 使用する場合は、HTMLドキュメントの最初の行にする必要があります。 これは、ドキュメントが使用しているHTMLのバージョンをWebブラウザに通知するために使用されます。 ブラウザはこの宣言を使用して、ページを正しくレンダリングします。 DOCTYPE宣言は省略できますが、ブラウザがページを表示しない場合があります HTMLドキュメントの2つの主要部分は何ですか？ "、" page_title "：" HTMLの2つの主要部分は何ですか HTMLヘッド要素 "}、{" url "：" http：\ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_meta.asp "、" title "：" W3Schools.com：HTML <Meta> タグ "}、{" url "：" http：\ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_body.asp "、" title "：" W3Schools.com：HTML <Body> タグ "}、{" url "：" http：\ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_doctype.asp "、" title "：" W3Schools.com：HTML <！DOCTYPE> 宣言 "}]、" resources "：[]、" slug "：" \ u002Farticles \ u002Fwhat-are-the-two-main-parts-of-an-html-document "、" studio_id "：" c3e12530-5681- 40e5-89ca-09db1f984f65 "、" summary "：" 2つのメイン HTMLドキュメントの一部は、ヘッドとボディです。 各セクションには特定の情報が含まれています。 ヘッドセクションには、Webブラウザと検索エンジンには役立つ情報が含まれていますが、読者には表示されません。 本文セクションには、訪問者に表示してほしい情報が含まれています。 "、" tags "：[" Group 5 "、" configureurabletemplate "]、" title "：" What Are HTMLの2つの主要部分 Document？ "、" title_id "：37505、" type "：" Article "、" writer "：{" _ id "：" www.demandstudios.com \ u002Fcontributor \ u002F8329c089-06a1-45d5-b803-b25f77fd955c "、" display_name " ： "クリステン Waters "、" bio "：" Kristen Watersは、2004年からコンピューター業界向けに執筆しています。 彼女は、大小のコンピューター会社向けのトレーニング資料や、多くのオンライン出版物のハウツーおよび有益な記事を執筆しています。 彼女はペンシルベニア州ヨークカレッジと大学の両方で理学士号を取得しています。 HTMLドキュメントの2つの主要部分ですか？ "}]}]、"キーワード "：[" HTMLドキュメントセクション "、" HTML本文セクション "、" HTMLヘッド HTMLドキュメントの2つの主要な部分は、ヘッドとボディです。 各セクションには特定の情報が含まれています。 ヘッドセクションには、Webブラウザと検索エンジンには役立つ情報が含まれていますが、読者には表示されません。 本文セクションには、訪問者に見せたい情報が含まれています。 ドキュメントは、Webブラウザが情報を解析して訪問者に提示できるように特別にフォーマットされています 正しく。\ u003C \ u002Fp \ u003E \ n "}、{" type "：" ad-mobile "、" content "：{" loc "：" ad_1 "、" slot "：" slot "、" slotNumber "：1 、 "sizes"：[[300,250]、[320,50]、[320,100]]}}、{"type"： "title"、 "content"：{"title"： "構造 HTMLドキュメントの "、" formatted_title "：" "}}、{" type "：" content "、" content "：" \ u003Cp \ u003EAn HTMLドキュメントは、Webブラウザで読み取るために正しくフォーマットされている必要があります。 一般的なHTMLドキュメントの概要は次のとおりです。\ u003C \ u002Fp \ u003E \ n "}、{" type "：" jwplayer "、" content "：{" advertisingTag "：" https：\ u002F \ u002Fpubads.g .doubleclick.net \ u002Fgampad \ u002Fads？ \ u003Chtml \ u003E \ u003Chead \ u003EWebブラウザおよび検索エンジンの情報\ u003C \ u002Fhead \ u003E \ u003Cbody \ u003E読者に表示されるコンテンツ\ u003C \ u002Fbody \ u003E \ u003C \ u002Fhtml \ u003E "}、{" type "：" content "、" content "：" \ u003Cp \ u003EB \ u003Chead \ u003Eタグと\ u003Cbody \ u003Eタグの両方がメインの\ u003Chtml \ u003Eに含まれています 鬼ごっこ。 ドキュメントを作成するには、両方のセクションを「<\ u002F>」文字で終了する必要があります read。\ u003C \ u002Fp \ u003E \ n "}、{" type "：" ad-mobile "、" content "：{" loc "：" ad_2 "、" slot "：" slot "、" slotNumber "：2 、 "sizes"：[[300,250]、[320,50]、[320,100]]}}、{"type"： "title"、 "content"：{"title"： "Head コンテンツ "、" formatted_title "：" "}}、{" type "：" content "、" content "：" \ u003Cp \ u003Eドキュメントのヘッドセクションには、サイトのタイトル、検索エンジンのキーワード、スクリプト、および ページのフォーマットに使用するカスケードスタイルシートの場所。 ヘッドセクションで使用される一般的なHTMLタグには、\ u003Ctitle \ u003E、\ u003Clink \ u003E、\ u003Cstyle \ u003E、\ u003Cmeta \ u003E、および \ u003Cscript \ u003Eタグ。\ u003C \ u002Fp \ u003E \ n "}、{" type "：" content "、" content "：" \ u003Cp \ u003E \ u003Ctitle \ u003Eタグは、 資料。 \ u003Clink \ u003Eタグは、CSSファイルなどの外部リソースをドキュメントにリンクします。 \ u003Cstyle \ u003Eタグは、ドキュメントスタイルを定義します。 \ u003Cmeta \ u003Eタグは、ドキュメントの作成者、キーワード、および説明を定義するために使用されます。 \ u003Cscript \ u003Eタグは、訪問者のコンピューターで実行されるスクリプトを定義します。 ヘッドセクションがドキュメントに配置されていない場合でも、ドキュメントの内容は browser。\ u003C \ u002Fp \ u003E \ n "}、{" type "：" ad-mobile "、" content "：{" loc "：" ad_3 "、" slot "：" slot "、" slotNumber "：3 、 "sizes"：[[300,250]、[320,50]、[320,100]]}}、{"type"： "title"、 "content"：{"title"： "Body コンテンツ "、" formatted_title "：" "}}、{" type "：" content "、" content "：" \ u003Cp \ u003E本文セクションは、実際のWebページをフォーマットするために使用されます。 段落タグ（\ u003Cp \ u003E）、アンカータグ（\ u003Ca \ u003E）、見出しなど、ほとんどのHTMLタグ タグ（\ u003Ch1 \ u003Eから\ u003Ch6 \ u003E）とセクションタグ（\ u003Cdiv \ u003E）は、 資料。 サーバー側スクリプトも、ドキュメントのこのセクションに配置されています。 HTMLドキュメントに本文セクションがない場合、Webには何も表示されません。 browser。\ u003C \ u002Fp \ u003E \ n "}、{" type "：" title "、" content "：{" title "：" DOCTYPE "、" formatted_title "：" "}}、{" type "：" content "、" content "：" \ u003Cp \ u003E唯一のものではない \ u003Chtml \ u003Eタグの間に含まれているのは、DOCTYPE宣言です。 使用する場合は、HTMLドキュメントの最初の行にする必要があります。 これは、ドキュメントが使用しているHTMLのバージョンをWebブラウザに通知するために使用されます。 ブラウザはこの宣言を使用して、ページを正しくレンダリングします。 DOCTYPE宣言は省略できますが、ブラウザがページを表示しない場合があります HTMLの2つの主要部分です Document？ "、" slug "：" \ u002Farticles \ u002Fwhat-are-the-two-main-parts-of-an-html-document "、" image "：{" caption "：" "}、" summary "： 「HTMLの2つの主要部分 ドキュメントは頭と体です。 各セクションには特定の情報が含まれています。 ヘッドセクションには、Webブラウザと検索エンジンには役立つ情報が含まれていますが、読者には表示されません。 本文セクションには、訪問者に伝えたい情報が含まれています Team "、" bio "：" "、" writer_id "：" www.demandstudios.com \ u002Fcontributor \ u002F667e9228-72d4-48ee-ad46-1ca4c9911aab "}、" title "：" HTMLプログラミングを使用して画像を中央に配置する方法 "、 "カテゴリ"：{"名前"： "技術 Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" How 1 "]、" title_id "：9321、" summary "：" Webページコーダーはハイパーテキストマークアップ言語を使用して、段落、見出し、 Smith "、" bio "：" "、" writer_id "：" www.demandstudios.com \ u002Fcontributor \ u002F9daedf9f-3cbb-4c49-85a2-349b732baab3 "}、" title "：" JavaScriptを使用してPDFを印刷する方法 "、 "カテゴリ"：{"名前"： "技術 Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" How フレーム "、" PDFの印刷 "、" Web開発 "、" JavaScriptでの印刷 "]、"タグ "：["グループ9 "]、" title_id "：33574、"概要 "：" 直接配置されたコードを使用してPDFファイルを印刷する あなたのウェブページ内。 別の方法は、ビューアにPDFファイルをダウンロードさせて開き、Adobeなどの別のプログラムから印刷することです。 Graham "、" bio "：" Richard Grahamは、2007年以来、経済学者と教育者の両方として専門的に働いてきました。 彼はまた、グリーンテクノロジーの開発に焦点を当てている中小企業や組織のコンサルタントとしても働いています。 グラハムはで理学士号を取得しています HTMLの行間の間隔を減らすには "、" category "：{" name "：" Tech Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" How 間隔のウェブサイト "、"行の間隔のHTML "、"行の高さのHTML "]、"タグ "：["グループ7 "]、" title_id "：25692、"概要 "：" HTMLを使用すると、基本的なウェブページを簡単に作成できます。 制御する フォント、テキストサイズ、色、行間隔など、これらのページのさまざまな属性。 Webページを圧縮する必要がある場合、または美的感覚のために空白を減らす必要がある場合は、行間の間隔を狭くすると便利です。 理由。 "、" source "：" cme "、" position "：3}、{" image "：{" alttext "：" HTML web Claerr "、" bio "：" Jennifer Claerrは、Demand Studios、NBC5i.com、Texas.com、PC.comなどのオンラインサイト向けに執筆したWebライターです。 彼女はテキサス大学アーリントン校で芸術の学位を取得しています。 彼女は、休日、健康とフィットネス、旅行、コンピューター、 HTMLはの略ですか？ "、" category "：{" name "："技術的には タグの意味 "、" HTMLとは "、" htmlの説明 "]、"タグ "：["グループ3 "]、" title_id "：37685、" summary "：" HTMLは、ハイパーテキストマークアップ言語の略で、生成に使用される言語です。 ワールドワイドのドキュメント ウェブ。 HTMLは、タグと属性を使用して、Webブラウザーに、Webページにテキスト、ハイパーリンク、および画像を表示する方法と、ユーザーがページに応答する方法を指示します。 それと相互作用します。 "、" source "：" cme "}、{" image "：{" alttext "：" HTML Wayne "、" bio "：" David Wayneは2010年から執筆を続けており、テキサスのいくつかの地方紙にテクノロジーコラムが掲載されています。 ウェインは2005年にヒューストン大学を卒業し、で文学士号を取得しています。 Small.jpg "、" writer_id "：" www.demandstudios.com \ u002Fcontributor \ u002F579c0246-8a73-4826-b8fc-d7cb70f46145 "}、" title "："テキストを赤にする方法 HTML？ "、" category "：{" name "：" Tech Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" How 4.01 doctype "、" internal CSS HTML "、" HTML5 deprecated tags "]、" tags "：[" Group 2 "]、" title_id "：6420、" summary "：" HTMLは、タグと呼ばれる予約済みキーワードのシステムを使用して、 フォントスタイル、色、配置などの要素属性。 HTML 4.01以前のバージョンでは、<font>タグは単一のテキストブロックを定義するcolor属性を採用しています。 Buleen "、" bio "：" Chad Buleenは、10年以上の経験を持つ、受賞歴のある新聞ジャーナリスト兼雑誌編集者であるプロジャーナリスト協会です。 彼は国際的な子供向け出版物の上級雑誌編集者です。 ブリーンは、ブリガムヤングの印刷ジャーナリズムに重点を置いて、コミュニケーションの学士号を取得しています。 キャレット記号を入力するには "、" category "：{" name "：" Tech Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" How キャレットキー "、"タイプキャレットシンボル "、"挿入キャレットシンボル "]、"タグ "：["グループ5 "]、" title_id "：32081、"概要 "："発行フィールドの編集者は、キャレットシンボルを使用して示します ページ上に何かが欠けているセクションがあること。 たとえば、必要な文字がないために単語のつづりが間違っている場合、編集者は必要な文字がすぐ下にあるキャレットを挿入できます。 Team "、" bio "：" "、" writer_id "：" www.demandstudios.com \ u002Fcontributor \ u002F667e9228-72d4-48ee-ad46-1ca4c9911aab "}、" title "：" HTMLを使用して画像を中央に配置する方法 プログラミング "、" category "：{" name "：" Tech Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" How 1 "]、" title_id "：9321、" summary "：" Webページコーダーはハイパーテキストマークアップ言語を使用して、段落、見出し、 Smith "、" bio "：" "、" writer_id "：" www.demandstudios.com \ u002Fcontributor \ u002F9daedf9f-3cbb-4c49-85a2-349b732baab3 "}、" title "：" JavaScriptを使用してPDFを印刷する方法 "、 "カテゴリ"：{"名前"： "技術 Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" How フレーム "、" PDFの印刷 "、" Web開発 "、" JavaScriptでの印刷 "]、"タグ "：["グループ9 "]、" title_id "：33574、"概要 "：" あるコードを使用してPDFファイルを印刷する Webページ内で直接。 別の方法は、ビューアにPDFファイルをダウンロードさせて開き、Adobeなどの別のプログラムから印刷することです。 Graham "、" bio "：" Richard Grahamは、2007年以来、経済学者と教育者の両方として専門的に働いてきました。 彼はまた、グリーンテクノロジーの開発に焦点を当てている中小企業や組織のコンサルタントとしても働いています。 グラハムはで理学士号を取得しています HTMLの行間の間隔を減らすには "、" category "：{" name "：" Tech Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" How 間隔のウェブサイト "、"行の間隔のHTML "、"行の高さのHTML "]、"タグ "：["グループ7 "]、" title_id "：25692、"概要 "：" HTMLを使用すると、基本的なウェブページを簡単に作成できます。 制御する フォント、テキストサイズ、色、行間隔など、これらのページのさまざまな属性。 Webページを圧縮する必要がある場合、または美的感覚のために空白を減らす必要がある場合は、行間の間隔を狭くすると便利です。 理由。 "、" source "：" cme "、" position "：3}、{" image "：{" alttext "：" HTML web Claerr "、" bio "：" Jennifer Claerrは、Demand Studios、NBC5i.com、Texas.com、PC.comなどのオンラインサイト向けに執筆したWebライターです。 彼女はテキサス大学アーリントン校で芸術の学位を取得しています。 彼女は、休日、健康とフィットネス、旅行、コンピューター、 HTMLはの略ですか？ "、" category "：{" name "："技術的には タグの意味 "、" HTMLとは "、" htmlの説明 "]、"タグ "：["グループ3 "]、" title_id "：37685、" summary "：" HTMLは、ハイパーテキストマークアップ言語の略で、生成に使用される言語です。 ワールドワイドのドキュメント ウェブ。 HTMLは、タグと属性を使用して、Webブラウザーに、Webページにテキスト、ハイパーリンク、および画像を表示する方法と、ユーザーがページに応答する方法を指示します。 それと相互作用します。 "、" source "：" cme "}、{" image "：{" alttext "：" HTML Wayne "、" bio "：" David Wayneは2010年から執筆を続けており、テキサスのいくつかの地方紙にテクノロジーコラムが掲載されています。 ウェインは2005年にヒューストン大学を卒業し、で文学士号を取得しています。 Small.jpg "、" writer_id "：" www.demandstudios.com \ u002Fcontributor \ u002F579c0246-8a73-4826-b8fc-d7cb70f46145 "}、" title "："テキストを赤にする方法 HTML？ "、" category "：{" name "：" Tech Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" How 4.01 doctype "、" internal CSS HTML "、" HTML5 deprecated tags "]、" tags "：[" Group 2 "]、" title_id "：6420、" summary "：" HTMLは、タグと呼ばれる予約済みキーワードのシステムを使用して、 フォントスタイル、色、配置などの要素属性。 HTML 4.01以前のバージョンでは、<font>タグは単一のテキストブロックを定義するcolor属性を採用しています。 Buleen "、" bio "：" Chad Buleenは、10年以上の経験を持つ、受賞歴のある新聞ジャーナリスト兼雑誌編集者であるプロジャーナリスト協会です。 彼は国際的な子供向け出版物の上級雑誌編集者です。 ブリーンは、ブリガムヤングの印刷ジャーナリズムに重点を置いて、コミュニケーションの学士号を取得しています。 キャレット記号を入力するには "、" category "：{" name "：" Tech Support "、" slug "：" tech-support "}、" subcategory "：{" name "：" How キャレットキー "、"タイプキャレットシンボル "、"挿入キャレットシンボル "]、"タグ "：["グループ5 "]、" title_id "：32081、"概要 "："発行フィールドの編集者は、キャレットシンボルを使用して示します ページ上に何かが欠けているセクションがあること。 たとえば、必要な文字がないために単語のつづりが間違っている場合、編集者は必要な文字がすぐ下にあるキャレットを挿入できます。 インラインブロック; 最小幅：320px; 最大幅：1200px; width：100％; height：450px "}、" linkUnit "：{" desktop "：{" clientId "：" ca-pub-0316265116163263 "、" slotId "：" 4465103631 "、" styles "：" display：inline- ブロック; 幅：440px; 高さ：200px "}、" mobile "：{" clientId "：" ca-pub-0316265116163263 "、" slotId "：" 9816821440 "、" styles "：" display：block; 遷移：なし0は0を緩和します。 概要：なし; 境界線：なし; パディング：0px; border-spacing：0px; 身長： この中のアフィリエイトリンクを通じて報酬を得ることができます それは それは 443 "、" externalDomain "：" https：\ u002F \ u002Fapi.techwalla.com： ＆Gadget Reviews、Metascores＆Recommendations "、" description "：" Tech made simple for your family。 "、" info "：[{" property "：" og：site_name "、" content "：" Techwalla "}、{ "プロパティ"： "fb： app_id "、" content "：" 1578283302422712 "}、{" property "：" fb：pages "、" content "：" 1116406528374498 "}、{" name "：" twitter： 8080 "、" title "：" Techwalla "}、" lazyLoaderSetting "：{" rootMargin "：" 50％0％100％ -results- for“ \ u003Cspan \ u003E-searchTerm- \ u003C \ u002Fspan \ u003E” "、" inputPlaceholderValue "：" Type to Search "、" noResultsCopy "："最新情報をチェック 子供向けの最新のテクノロジーガジェットや最高のテクノロジーディールについてもっと知りたいですか？ Techwallaは、私たちの正直な製品記録、販売範囲、および more。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "}、" gift-guides "：{" name "：" Gift Guides "、" slug "：" gift-guides "、" title "： "贈り物 Guides "、" type "：" subcategory "、" description "："幼児向けの最高のハイテクギフトを探している場合でも、スマートホームの狂信者向けのギフトを探している場合でも、私たちはあなたをカバーします エキスパートギフトガイド付き。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "、" parent "：{" name "：" Shop "、" slug "：" shop "}}、" tech-toys " ：{"名前"： "技術 Toys "、" slug "：" tech-toys "、" title "：" Tech Toys "、" type "：" subcategory "、" description "："テクノロジーに精通し、教育的であるあなたの子供への贈り物が欲しいですか？ 私たちはあなたの子供たちのための最高のSTEMとSTEAMギフトに関する記事であなたをカバーしてもらいました life。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "、" parent "：{" name "：" Shop "、" slug "：" shop "}}、" tech-on-a-budget "：{" name "：" Tech on a Budget "、" slug "：" tech-on-a-budget "、" title "：" Tech on a Budget "、" type "：" subcategory "、" description "："最新のiPhoneが欲しいのですが、予算に含まれていませんか？ 私たちはあなたの予算に合った最高の技術取引であなたをカバーしてもらいます ライフスタイル。 "、"ヒーロー "：" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "、"親 "：{"名前 "："ショップ "、"スラッグ "："ショップ "}}、"スマートライフ "：{" name "：" Smart Life "、" slug "：" smart-life "、" title "：" Smart Life "、" type "：" category "、" description "："最新のスマートで家族向けのガジェットレビュー、クールなアプリの記録、旅行のアドバイスなどを備えたTechwallaは、あなたの生活を少しでもお手伝いします smarter。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "}、"ガジェット "：{"名前 "："ガジェット "、"スラッグ "："ガジェット "、"タイトル "："ガジェット "、" type "：" subcategory "、" description "："詳細については 正直な推奨事項と最新の技術カバレッジを備えた、最もクールで最新の技術ガジェット。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "、" parent "：{" name "：" Smart Life "、" slug "：" smart-life "}}、" cool-apps "：{" name "：" Cool Apps "、" slug "：" cool-apps "、" title "：" Cool Apps "、 "type"： "subcategory"、 "description"： "最もクールな教育に関するニュースがもっと必要かどうか あなたの子供のためのアプリまたはあなたの生産性を助けるための最高のアプリに関する正直なレビュー、私たちはそれをすべて持っています。 "、"ヒーロー "：" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "、"親 "：{"名前 "： "頭いい Life "、" slug "：" smart-life "}}、" travel "：{" name "：" Travel "、" slug "：" travel "、" title "：" Travel "、" type "：" subcategory "、" description "：" Techwallaでは、最高の旅行技術について正直に意見を述べています。 あなたとあなたの家族の生活（そして旅行）をより簡単にするのに役立つ旅行のお得な情報とヒント。 "、"ヒーロー "：" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "、"親 "：{"名前 "："スマート Life "、" slug "：" smart-life "}}、" smartphones "：{" name "：" Smartphones "、" slug "：" smartphones "、" title "：" Smartphones "、" type "：" subcategory "、" description "："最新の正直なレビューとニュースを提供します スマートフォン、iPhone、Android、子供向けの電話など。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "、" parent "：{" name "：" Smart Life "、" slug "：" smart-life "}}、" technically-for-parents "：{" name "：" Technically for Parents "、" slug "：" technically-for-parents "、" title "： "Technically for Parents"、 "type"： "category"、 "description"： "From 新しい技術教育リソースからオンラインの安全性のヒントまでをカバーする記事、私たちはあなたが技術に精通しているために知る必要があるすべてを持っています parent。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "}、" Education "：{" name "：" Education "、" slug "：" Education "、" title "：" Education "、" type "：" subcategory "、" description "：" From STEMおよびSTEAMリソースへの教育アプリのレビューでは、教育技術の混雑した世界をナビゲートし、子供たちの情報に基づいた決定を下すのに役立ちます Education。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "、" parent "：{" name "：" Technically for Parents "、" slug "：" technology-for-parents "}}、" online-safety "：{" name "：" Online Safety "、" slug "：" online-safety "、" title "：" Online Safety "、" type "：" subcategory "、" description "：" Techwallaでは、 あなたの家族を彼らの技術、オンライン、そして more。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "、" parent "：{" name "：" Technically for Parents "、" slug "：" technology-for-parents "}}、" tech -support "：{" name "：" Tech Support "、" slug "：" tech-support "、" title "：" Shop "、" type "：" category "、" description "：" Techwallaは、技術アドバイスのワンストップショップです。 ステップバイステップのハウツーからレビューなどまで、私たちはあなたとあなたの家族のつながりを維持し、 productive。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002FtechSupport.png "}、" how-to "：{" name "：" How To "、" slug "：" how-to "、" title "： "How To"、 "type"： "subcategory"、 "description"： "From プリンタをリセットして電話のトラブルシューティングを行うのに役立つ記事、Techwallaでは、技術の謎を解くのに役立ちます 問題。 "、"ヒーロー "：" \ u002Fimages \ u002FcategoriesHeros \ u002FtechSupport.png "、"親 "：{"名前 "："技術 Support "、" slug "：" tech-support "}}、" reviews "：{" name "：" Reviews "、" slug "：" reviews "、" title "：" Reviews "、" type "：" subcategory "、" description "：" Techwallaでは、誠実な製品を提供しています 推奨事項、あなたがあなたの技術、生活、購入について最も情報を得られるようにする 決定。 "、"ヒーロー "：" \ u002Fimages \ u002FcategoriesHeros \ u002FtechSupport.png "、"親 "：{"名前 "："技術 Support "、" slug "：" tech-support "}}、" Entertainment "：{" name "：" Entertainment "、" slug "：" Entertainment "、" title "：" Entertainment "、" type "：" category "、" description "："の新機能から ソーシャルメディアから、さまざまなプラットフォームでストリーミングされているものの最高のものをカバーする月刊記事まで、私たちはあなたを持っています Covered。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002FentertainmentImage.png "}、" whats-streaming "：{" name "：" What's Streaming "、" slug "：" whats-streaming "、" title "： 「何ですか ストリーミング "、" type "：" subcategory "、" description "："今夜何を見るべきかということになると、分析の麻痺に苦しんでいますか？ Techwallaでは、ストリーミングごとの内容に関する毎週および毎月の記事でカバーしています。 platform。 "、" hero "：" \ u002Fimages \ u002FcategoriesHeros \ u002FentertainmentImage.png "、" parent "：{" name "：" Entertainment "、" slug "：" Entertainment "}}、" social-media "：{" 名前 "："ソーシャル Media "、" slug "：" social-media "、" title "：" Social Media "、" type "：" subcategory "、" description "："最新のソーシャルメディアを知りたいですか？ 家族とのつながりを保ち、家族向けのソーシャルプラットフォームを維持するための最新のチャットアプリのアップデートで、すべてを手に入れました。 （1） "、" arrow_background_color "："＃2E2E30 "、" image_url "：" "、" image_altText "：" "、" has_logo "：true、" custom_logo_url "：" "、" custom_logo_height "：0、" custom_logo_width " ：0、 "heading_text"： "Subscribe for ホームインスピレーション "、" body_text "："ハウツーとすべての最新 s;（s = document.currentScript || document.scripts [document.scripts.length-1]）。parentNode.removeChild（s）;}（））; </ script> </ body> <script type = "text / javascript "> window.reve = window.reve || {}; window.reve.cmd = window.reve.cmd || []; function loadReve（）{const gptTargeting = window.lg.gptTargeting || {} gptTargeting.lg_uuid = window.lg.utils.getPublisherProvidedID（）gptTargeting.experiment = window.lg.testpool window.reve.cmd.push（（）=> { window.reve.setState（ 'gptTargeting'、gptTargeting）; window.reve.setState（ 'permutiveTargeting'、window.lg.permutiveTargeting）; }）const reveScript = document.createElement（ 'script'）; reveScript.src = ' https://reve.leafmedia.io/techwalla.js'; reveScript.defer = true document.head.appendChild（reveScript）; } setTimeout（（）=> {loadReve（）}、2500）</ script> <script data-id = "lg-pagespeed" type = "text / javascript"> // instana（function（s、 t、a、n）{s [t] ||（s [t] = a、n = s [a] = function（）{nqpush（arguments）}、nq = []、nv = 2、nl = 1 * new Date）}）（window、 "InstanaEumObject"、 "ineum"）; ineum（ 'reportingUrl'、 ' https://eum-red-saas.instana.io'); ineum（ 'key'、window.lg.instanaApiKey）; ineum（ 'trackSessions'）; ineum（ 'ignoreUrls'、[/（localhost | cm \ d \ d \ d \ d）。* /]）; isAppLazyLoaded = false; //値は資金調達で置き換えられますconstLAZY_LOAD_TIMER = 5000; const lazyLoadEvents = ['mousedown'、 'scroll'、 'touchstart']; function lazyLoadApp（）{if（isAppLazyLoaded）{return; } isAppLazyLoaded = true; //削除しないでください、キーワードは資金調達関数insertAfter（el、referenceNode）でstr.replacedを取得しています {referenceNode.parentNode.insertBefore（el、referenceNode.nextSibling）;} var lastScript = document.querySelector（ 'script [data-id = "lg-pagespeed"]'）; [[]]。forEach（function（src）{var s = document.createElement（ "script"）; s.setAttribute（ "async"、true）; s.src = src; insertAfter（s、lastScript）; lastScript = s; }); if（window.location.search.indexOf（ 'vue = false'）-1 && 1）{ ['"/dist/manifest_2797b390f2f2298568a8.js'、'"/dist/vendors~app_2797b390f2f2298568a8.js'、'"/dist/app_2797b390f2f2298568a8.js']。forEach （function（src）{src = src.replace（ '"'、 ''）var s = document.createElement（" script "）; s.setAttribute（ "crossorigin"、 "anonymous"）; s.setAttribute（ "async"、true）; s.src = src; insertAfter（s、lastScript）; lastScript = s; }); } lazyLoadEvents.forEach（event => {// 'mousedown'、 'scroll'、 'touchstart' window.removeEventListener（event、lazyLoadApp）}）} lazyLoadEvents.forEach（event => {// 'mousedown'、 'scroll'、 'touchstart' window.addEventListener（event、lazyLoadApp）}）setTimeout（lazyLoadApp、 LAZY_LOAD_TIMER）; </ script> <script> setTimeout（（）=> {const articleImageObserver = new IntersectionObserver（（entries）=> {entries.forEach（entry => {const target = entry.target const srcset = target.getAttribute（ 'data-srcset'）target.setAttribute（ 'srcset'、srcset）}）}、{rootMargin： "0px 0px 50％0px"、threshold：0}）const firstImage = document.querySelectorAll（ 'source [data-base64]'）if（firstImage.length）{firstImage.forEach（element => articleImageObserver.observe（element）） } }, 500); </ script> </ html> 
