TIL#1-HTML構造


きほんこうぞう

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

1. <!DOCTYPE>

<!DOCTYPE html>
  • は、このドキュメントがhtml 5に書かれたことを示す.
  • 2. <html>

    <html lang="ko"></html>
  • ドキュメントで使用する言語を指定できます.
  • 言語タグは、2ビットまたは4ビットを使用することができる.(二言語コード->ISO 639-1標準案)
  • 3. <head>

    <head></head> 브라우저에게 문서의 정보를 주는 태그

    <title>タグ

  • <title></title>タグタイトルとお気に入りデバッガタイトルとして追加されます.

  • Webアクセスを容易にするためには、常にタイトルがあり、長すぎたり、特殊な文字があったりしないことをお勧めします.コア文のみを配置します.
  • <meta>タグ

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  • <meta>タグの最も重要な役割は、画面に文字を表示する際にどのような符号化方法を使用するかを指定することです.ブラウザに所定の文字セット「utf-8」を使用して英語以外の文字を画面に表示するように伝えます.

  • viewportをモバイルデバイスにドキュメントを正しく表示するように設定(?)

  • Internet Explorerユーザーを考慮する必要がある場合は、最新の標準モードで説明するように伝えてください.<meta http-equiv="X-UA-Compatible" content="ie=edge">

  • 検索エンジンでサイトを検索する場合は、参照する情報を入力できます.検索エンジンによっては、参照情報が異なる場合があります.<meta name="keywords" content="html5, 웹표준">-ドキュメント内のキーワード<meta name="description" content="html5를 통해 웹 표준 공부하기">-ドキュメントの説明<meta name="author" content="Kyunghee Ko">-文書の所有者または作成者
  • 4. <body>

    <body></body> 브라우저에 보여지는 부분

  • 特殊な記号を使用するには、あらかじめ定められたエンティティ名またはエンティティ記号を使用する必要があります.

  • エンティティ・コード表のチェックhttp://dev.w3.org/html5/html-author/charref

  • %のエンティティ名と2つのエンティティコード.自由に使えますが、後ろのセミコロンは必ずつけなければなりません.'&percnt;' , '&#x00025;' , '&#37;'
  • 出典:Doit!HTML 5+CS 3 Web標準定義