メタデータ
次に説明するメタデータタグは情報であり、headタグに作成されたタグである.
HTMLドキュメントのタイトルを設定します.
ブラウザのタイトルバーまたはページのタブに表示されるドキュメントのタイトルを設定します.
titleラベルは検索の最適化に非常に重要です.
<🐛 タイトル表記>のキーワードを簡単にリストすることはお勧めしません. ページ(HTMLごと)に従ってタイトル値を変更します.
ドキュメント内のその他の情報を表すタグ.ブラウザまたは検索エンジンに情報を提供するために使用します.
デフォルトでは、属性によって意味を拡張するための空のラベルです.
属性を指定する未値charset文字符号化方式UTF-8,...nameメタデータ名(情報のタイプ)author、description、viewprot、keywords、...http-equivサーバまたはユーザ環境での操作変更を示すX-UA-compaciblecontentname,http-equivの値
このプロパティの値には、author(ドキュメントの作成者)、description(ページコンテンツの短くて正確な要約)、keywords(カンマで区切られたページコンテンツに関連する単語)、viewport(画面をレンダリングする領域を設定)が含まれます.
外部リソース(CSS、ICON、Fontなど)への接続および現在のドキュメントとの関係を示すタグ.
属性の未値🛎rel現在のドキュメントと外部リソースとの関係スタイルシート、icon、...href外部リソースのURLタイプ外部リソースのMIMEタイプtext/css(デフォルト)、image/x-icon、...
スタイル情報(CSS)を設定するためのタグ.これは、HTMLドキュメントにCSSコードを記述できることを意味します.bodyラベルに作成するとエラーは発生しませんが、スタイル情報が含まれているのでheadラベルに作成することをお勧めします.
「MIMEタイプ」を参照して、インポートするリソースのタイプ(タイプ)を指定して、サーバーまたはクライアントが正しく認識し、問題が発生しないようにしてください.
HTMLドキュメント内のすべての相対パスの標準URLのタグを設定します.
他のタグがパスを使用する前に(つまり、上に)基本タグを作成することをお勧めします.
属性の未指定値hrefに基づくURL
デフォルトでは、baseタグで相対パスを条件として入力できます.これは相対パスの基礎です.
ただし、baseタグはHTMLドキュメントに一度だけ作成できます.したがって、主な共通パスを作成することをお勧めします.これは、すべてのファイルの相対パスに適用されるためです.
1. <title> </title>
HTMLドキュメントのタイトルを設定します.
<title>문서의 제목</title>
使用方法は次のとおりです.ブラウザのタイトルバーまたはページのタブに表示されるドキュメントのタイトルを設定します.
titleラベルは検索の最適化に非常に重要です.
<🐛 タイトル表記>
2. <meta />
ドキュメント内のその他の情報を表すタグ.ブラウザまたは検索エンジンに情報を提供するために使用します.
デフォルトでは、属性によって意味を拡張するための空のラベルです.
属性を指定する未値charset文字符号化方式UTF-8,...nameメタデータ名(情報のタイプ)author、description、viewprot、keywords、...http-equivサーバまたはユーザ環境での操作変更を示すX-UA-compaciblecontentname,http-equivの値
charset
属性は、文字符号化方式を設定する属性である.HTMLドキュメントのすべての文字が画面にどのように出力されるかを定義します.content
属性はhttp-equivまたはname属性の値を有する.プロパティ(http-equiv,name)の値.つまり、メタデータ値を作成します.http-equiv
プロパティは、サーバまたはユーザーの環境に動作方法を変更するように指示するタグです.name
属性は、情報を指定するときに情報タイプを作成する属性である.ドキュメント・レベルのメタデータの名前を定義します.このプロパティの値には、author(ドキュメントの作成者)、description(ページコンテンツの短くて正確な要約)、keywords(カンマで区切られたページコンテンツに関連する単語)、viewport(画面をレンダリングする領域を設定)が含まれます.
<meta name="viewport" content="width=device-width" />
上記の例では、viewportの幅を、モバイルデバイス、タブレット、デスクトップなどのデバイスの幅に最適化します(反応型Webサイトを提供するために使用されます).3. <link />
外部リソース(CSS、ICON、Fontなど)への接続および現在のドキュメントとの関係を示すタグ.
属性の未値🛎rel現在のドキュメントと外部リソースとの関係スタイルシート、icon、...href外部リソースのURLタイプ外部リソースのMIMEタイプtext/css(デフォルト)、image/x-icon、...
rel
プロパティは、リンクタグに作成する必要がある必須プロパティです.このプロパティは、外部からインポートするリソースと、現在のドキュメント(HTMLドキュメント)との関係を示します.値には、スタイルシート(CSS)、iconなどがあります.href
プロパティは、外部ドキュメントのパスを指定するプロパティです.<link rel="stylesheet" href="파일 경로(URL)" />
hreflang
属性は、リンクされた外部リソースの言語を表す.htmlタグにlang=「ko」などのプロパティが作成されている場合は、単独で作成する必要はありません.リソースに異なる言語がある場合は、個別に作成します.type
プロパティのデフォルト値はtext/cssなので、cssファイルをインポートするときに特に指定する必要はありません.4. <style> </style>
スタイル情報(CSS)を設定するためのタグ.これは、HTMLドキュメントにCSSコードを記述できることを意味します.bodyラベルに作成するとエラーは発生しませんが、スタイル情報が含まれているのでheadラベルに作成することをお勧めします.
<style>
div {
width: 300px;
heigth: 200px;
}
</style>
属性の非デフォルトタイプ:typeMIMEタイプtext/csstype
のプロパティは、HTML 5のデフォルトでtype=「text/css」に設定されています.リソースがCSSの場合、style、linkラベルに属性を作成する必要はありません(省略できます).「MIMEタイプ」を参照して、インポートするリソースのタイプ(タイプ)を指定して、サーバーまたはクライアントが正しく認識し、問題が発生しないようにしてください.
5. <base />
HTMLドキュメント内のすべての相対パスの標準URLのタグを設定します.
他のタグがパスを使用する前に(つまり、上に)基本タグを作成することをお勧めします.
属性の未指定値hrefに基づくURL
デフォルトでは、baseタグで相対パスを条件として入力できます.これは相対パスの基礎です.
ただし、baseタグはHTMLドキュメントに一度だけ作成できます.したがって、主な共通パスを作成することをお勧めします.これは、すべてのファイルの相対パスに適用されるためです.
,,,
<base href="./abc/" />
<link href="main.css" />
,,,
以上のリンクラベルのhrefは./abc/main.css
です.Reference
この問題について(メタデータ), 我々は、より多くの情報をここで見つけました https://velog.io/@kim98111/메타-데이터テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol