HTML


HTMLの定義


Wikipedia HTML定義
ハイパーテキストタグ言語(HTML)とは、Webページで見られるドキュメントのこと.
HTMLなしではWebサイトを公開できません.CSSとJSは追加要素です.
[タグ言語の例]
<recipe>
	<title>Peanut-butter On A Spoon</title>

	<ingredientlist>
		<ingredient>Peanut-butter</ingreaient>
	</ingredientlist>

	<preparation>
		Stick a spoon in a jar of peanut-butter,
		scoop and pull out a big glob of peanut-butter.
	</preparation>

</recipe>
ページがタグで始まり、スラッシュで終わる構造.
、<準備>の3つのラベルが含まれています.
~の中の‘~’は内容です
次のサブラベルは一緒に含めることができます.
いろいろな材料が使えます
ラベルには説明が含まれており、製造方法が記載されています
このように、タグ言語は落書きのドキュメントではなく、
タグを使用した構造化ドキュメントの作成

HTMLのインフラストラクチャの説明

<!DOCTYPE html>
<html>
	<head>
	  <meta charset="utf-8">
	  <meta name="viewport" content="width=device-width">
	  <title>JS Bin</title>
	</head>
	<body>

</body>
</html>
  • <!DOCTYPE html>このページはhtmlの定義に従います
    習慣で1位になる.
  • <html>htmlタグはhtmlドキュメントの一番上にある
  • <head>UIはユーザーには表示されません.
    見出しまたは追加の説明の検索
    ブックマークを追加するときに表示されるタイトルまたはアイコンは
  • です.
    また、CSSファイルがある場合は、接続も考慮してください.
    ユーザが見る情報は少なく、メタデータで構成されています.
  • <body>ユーザーが見る最も重要な部分
    互換性のないタグを使用しても.
    ブラウザでは、コンテンツが正常に表示されます.
    これは私がブラウザで作成した内容です.
  • 正しいタグを使用しているかどうかを確認するには、
    Validation

    典型的なWebサイトの構造

  • Header ( header )
    通常、大きなタイトルとバッジを持つ大属相.
  • ページのキー情報
  • Navigation bar ( nav )
    ホームページのメインページへのリンク
    これらは、通常、メニューボタン、リンク、またはタブとして表示されます.
    構成
  • 、1つのページからヘッダーなどの別のページに移動
    ナビゲーションバーが一致しない場合
    サイトが複雑になる
    多くのWebデザイナーは、Navigation barを個別のコンポーネントとして使用するのではなく、header barの一部と見なしています.
    ただし、アクセスしやすいように2つの部分に分けることをお勧めします.
  • Main content ( main )
    Webページに含まれる最もユニークなコンテンツの主な部分
    Maincontentは私が見たいビデオ、ニュースタイトル、地図など
  • があります.
  • Sidebar ( aside )
    周辺の情報、リンク、広告など
    Mainコンテンツ(プレスリリースページ、Sidebarは作者プロフィール、関連記事リンクなどを含む)
  • にも含む.
  • Footer ( footer )
    ページの下部にある行です.通常、小さな情報、著作権情報、連絡先などが含まれます.
  • は、通常は重要でない情報またはウェブサイト自体の追加情報を含む.
    このほか、FooterはSEO(検索エンジン最適化)を目的としており、人気コンテンツのショートカットリンクを提供するなど
    [典型的なWebサイトの例]