HTML 2. 構造の表示

7070 ワード
html テキストリンク 
<html>
  <head>
    <meta charset="utf=8">
    <meta charset="viewport" content="width-device-width">
    <title>JS</title>
  </head>
  <body>
  </body>
</html>
✔Htmlタグは一番上にあるファイルで、html内はheadとbodyに分かれています.

head


ユーザーはUI要素が全くなく、Google検索時に表示されるタイトルや説明書のサインを添付したときに表示されるタイトルやアイコンを追加し、CSSファイルがあれば接続する部分もheadにあります.
したがってheadはユーザに表示される情報ではなくメタデータからなる.<meta charset="utf=8">タグの場合、このページに表示されるcharactor set(文字のフォーマット)はutf-8の既存のすべての言語をサポートするので、一般的にutf-8を適用すればよい.<meta charset="viewport" content="width-device-width">ビューポートに定義されたタグ.width-device-widthの場合、デバイス画面を使用するすべての幅を定義します.<title>このセクションは、検索またはブックマークに表示されるタイトルを意味します.<base>要素は、ドキュメント内のすべての相対URLで使用される標準URLを指定します.ドキュメントには1つの要素しか存在しません.<link>要素は、現在のドキュメントと外部リソースの関係を示します.CSS接続で最も多く使用されるのは、サイトアイコン(「お気に入りアイコン」やホームページアイコン)などの接続にも使用できます.<meta>要素は、base、link、script、style、titleなどのメタデータに関連する他の要素を表します.<style>要素には、ドキュメントまたは一部のドキュメントのスタイル情報が含まれます.

body


ユーザーが見た最も重要な最上位コンテナは、bodyで作成された要素がユーザーに表示されます.
<h1>
<h2>
<button>
위의 태그들을 각각 입력하면 자동으로 브라우저 상에 표현된다.
🔵 Content compartment<address>要素は、HTML要素に近いユーザ、団体、組織などの連絡先情報を表す.<article>要素は、ドキュメント、ページ、アプリケーション、またはサイト内で独立して配布または再利用可能なパーティションを表す.<aside>要素は、文書の主な内容にのみ間接的に関連する部分を表す.主にサイドバーや注記ボックスとして表現されます.<footer>要素は、最近のパーティションコンテンツまたはパーティションルートディレクトリのポインタを表す.プラットは通常、区画の著者、著作権情報、関連文書などの内容を含む.<header>要素は、紹介および閲覧に役立つコンテンツを表す.タイトル、ロゴ、検索フォーム、作成者名などの要素も含めることができます.<h1>, <h2>, <h3>, <h4>, <h5>, <h6> HTML <h1>–<h6> 요소는 6단 계의 구획 제목을 나타냅니다. 구획 단계는 <h1>이 가장 높고 <h6>은 가장 낮다. <main>要素は、文書本体の主な内容を表す.プライマリ・コンテンツ・レルムは、ドキュメントに直接接続または拡張されたコア・トピックまたはアプリケーションのコア機能のコンテンツから構成されます.<nav>要素は、ドキュメント内の現在のページまたは他のページへのリンクを表示するパーティションを表します.よく使用される例は、メニュー、ディレクトリ、インデックスです.<section>要素は、HTMLドキュメントの独立したパーティションを表し、より適切な要素がない場合に使用されます.
🟣 Text content <blockquote>要素は、内部テキストが長い引用文であることを示す.主に書いてあります(外形の変更方法については一覧表を参照)引用文のソースURLはiteプロパティであり、ソーステキストはite要素である.<dd>要素は、リスト要素(dl)の前の用語(dt)を定義する説明、定義、または値を提供する.<div>要素は、コンテンツをストリーミングするための汎用コンテナである.CSSに設定するまで、コンテンツやレイアウトに影響はありません.<dl>要素は説明リストを表す.dtで表される用語とdd要素で表される説明グループのリストを囲むことによって説明リストを作成する.主に用語辞書実装またはメタデータ(キー値ペアリスト)の表示に使用されます.<dt>要素は、説明または定義リストの用語を表す.dl要素内にある必要があります.<figcaption>要素は、親グラフィック要素に含まれる他の内容の説明または例を表す.<figure>要素は独立した内容を表す.図タイトル要素を使用して説明できます.<hr>要素は、ストーリーシーンの変換、パーティション内のトピックの変更など、段落レベルの要素のトピックの分離を表す.<li>要素は、リスト内のアイテムを表します.<menu>要素は、ユーザが実行または実行するコマンドの集合である.これには、画面の上にあるリストメニューと、ボタンの下にあるコンテキストメニューが含まれます.<ol>要素は、ソートされたリストを表します.通常は数字のリストで表されます.<p>要素は段落を表します.<pre>要素は、予めフォーマットされたテキストを表し、HTMLの内容に従って表す.<ul>要素は、ソートされていないリストを表します.普通は小火で表現します.
💚 MDNリンクのチェックと適用に必要な要素💚
💥 body内部でもある程度の基本構成パーティションを行う.
デフォルトでは、header、navigation var、maincontent、sidebar、footer領域を割り当てる必要があります.

BOX vs ITEM


BOX(非表示)とITEM(可視)

divを用いてランダムに分割するよりも,パーティションラベルを配布することが重要である❗️

ϓsectionにはarticleがあり、articleとは各種プロジェクトを組み合わせて再利用可能なarticleを収集することを指す.

パスセグメント内にはArticleがあり、セグメント内にはArticleがあり、テキストの2行のLikeボタン、Heartボタンからなり、再利用可能な要素を組み合わせる役割を果たしています.

BLOCK vs INLINE



🔴 block:1行に1つだけ置く
9899 inline:スペースが許可されている場合は、他のタグの横に配置できます.

では、どうしてこのような反応があるのでしょうか。


W3C(World wide Web Consortium)

𗺹Webの標準化を推進するところ、例えばW 3 Cではhtmlタグに~ある~ある~タグが存在する.定義するときは、既存のすべての異なるブラウザがこの基準に従ってブラウザを実装する必要があります.したがって、W 3 Cで定義されたラベルは信頼できるものである.
spring boot + vue.js環境の構成
Gitパートナーになる