HTML 2日目:HTML 5のページ構造

3213 ワード
ページ タブ html テキストリンク

HTMLページの構造


一般的にhtmlページは次のように構成されています.
<!DOCTYPE html>
<html>
  <head>
    <title>My Title </title>
  </head>
  <body>
    
  </body>
</html>
ここでは、各行にどんな意味があるか見てみましょう.

!DOCTYPE html


このラベルは、ブラウザプログラムに現在のページがhtml 5であることを認識させるラベルです.
W 3 Cによると、html 5ドキュメントの最初の行に以下のタグを入力する必要があります.
<!DOCTYPE html>

html


htmlタグは、すべてのHTMLページの基幹タグです.したがって、すべてのタグはhtmlタグの内部に作成され、langプロパティがあります.
次の言語プロパティを入力できます.
<html lang="ko">
言語属性値言語属性値韓国語ko英語en日本語jaロシア語ru中国語zhドイツ語de
langプロパティはブラウザの操作にあまり影響しませんが、検索エンジンがWebページを閲覧するときに生成された言語を識別することができます.

head


headラベルは、bodyラベルに必要なスタイルシート(css)とJavaScript(js)を提供するために使用されます.
また、このラベルの内部には下のラベルしか入れられません.
ラベル名機能metaページにコメントを追加し、タイトルページタイトルscriptページを転送するスクリプト(js,tsなど)linkページに追加する他のファイルをstyleページのスタイルシート(css)にbaseページのデフォルトパスに追加します.
他のタグを入力すると、これらのタグはbody内部に自動的に移行します.

body


bodyタグは、実際にはウェブページに表示される部分を表すタグです.bodyタグの内部に入ることができるタグが多く、後で整理します.

title


titleタグは、ブラウザに表示されるタイトルを指定します.下の図のようにコードを作成すると、そのページのタイトルが参照ピクチャとして表示されます.
<title>My Page</title>
せいぎょ者
ラビリンス脱出[bfs]