📖 HTML(0)ドキュメントについて

4829 ワード
html テキストリンク
HTMLは、ブラウザドキュメントの構造を示す寸法言語です.オン/オフのタグ、親と子の関係などの要素の組み合わせにより、最終的にDOMオブジェクトが生成されます(詳細は後述します).ブラウザにレンダリングします.

Emmet?


vscodeは便利です.とても気持ちが良くて、弱くなりました.😐
Vscodeに内蔵されているEmetは非常に便利な機能です.Emetがなければ、簡単な表記に多くの時間を費やすのではないでしょうか.
このEmmetはコードの生産性を高める親友だとふと感じたが、初心者にとっては両刃の剣のようだ.
いつも通り!+tabを入力してDTD形式のフォーマットを生成すると、私は突然このような考えがありました.
何を入力していますか?
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>
これらはよく知っている字です.しかし、もし誰かが私にこれらのプロジェクトを一つ一つ説明させてくれたら、私は自信がありません.
蜜を食べた唖の局面から早めに抜け出す.

DOCTYPE


ドキュメントのHTMLバージョン
現在ではHTML 5がほとんど使用されていますが、過去のHTMLバージョンを使用したドキュメントが残っている可能性があります.
以前のBuzzing Postにも内容がありましたが、数字の変化はソフト的に非常に有意義でした.
DOCTYPEは、ブラウザに追加、変更、削除される機能をバージョンで示します.<!DOCTYPE html>は、HTML 5で書かれた文書であることを示す.

頭と体


トップクラスhtmlタグ、htmlの2つのサブheadとbody
headはユーザーが直接見た部分ではありません.逆に、タイトル、説明、使用するファイルの場所、スタイルなどのドキュメント自体に関する情報(メタデータ)が含まれています.
bodyは,ユーザが直接見た部分であり,ドキュメントの構造を表す.

🔑 meta, link


ドキュメントおよびドキュメントに関連付けられたファイルの情報について
metaは、タグ名に従ってドキュメントメタデータを表示するタグです.
上記の例ではcharsetは文字符号化方式を用いる<meta http-equiv="X-UA-Compatible" content="IE=edge">は、IEブラウザにおける最新の「標準」文書バージョンである(IEは、各バージョンの文書標準が異なる場合がある).選択という意味です. <meta name="viewport" content="width=device-width, initial-scale=1.0">は、ビューポート(ユーザが見える領域)を設定するラベルです.計器の大きさに応じて幅とスケール値を調整できます.


ビューポートを設定するかどうかによって、画面表示は異なります.
linkとは、リンクするファイルと現在のドキュメントの関係を指します.<link rel="stylesheet" href="./style.css" />CSSファイルに接続するか、バビコンを設定します.
git上書きエラー、開発ブランチインポート
システムオンラインプロセス仕様