HTML:グループタグ、VSCショートカット


URL、IP、PORTのクリア



コンセプト

  • URL(Uniform Resource Locator)
    :インターネット上のWebページ、画像、ビデオなどのリソースの位置を指す文字列.HTTPコンテキストでは、URLを「Webアドレス」または「リンク」と呼ぶ.

  • IP(Internet Protocol Address,IP Address,標準語:インターネットプロトコルアドレス):コンピュータネットワークにおけるデバイスが相互に識別し通信するために使用する特殊な番号.サーバーが入っていなければ、IPは安全ではありません.
  • ftp://000.000.000.000:21
    上のタグではftp://はURI方式とセパレータを表し、000.00.000.000.000.000.000.000はIPアドレスを表し、以下の21はポート番号を表す.
    ポート番号は省略できます.たとえば、次のようにします.
    http://000.000.000.000
    上記のグローバルWeb URLはデフォルトで80個のポートを使用しているため、Webブラウザは自動的に以下のように処理します.
    http://000.000.000.000:80

    HTML Living規格とは?


    The HTML Living Standard (sometimes informally called HTML5). The HTML specification has been a living document without version numbers since 2011. It includes both HTML, the core markup language for the web, and a number of related APIs.

    5. Sections



    <aside>

  • 左右位置無関係
  • コンテンツに関係なく
  • 通常はサイドバーまたは広告エリアとして使用されます
  • <adress>


    最近の親プロジェクトまたはbody要素の連絡先を示します.最近の親要素がbodyの場合、ドキュメント全体の連絡先情報が表示されます.
    連絡先情報には、電話番号、メールアドレス、メールアドレスなどが含まれます.
    <address>
      <a href="http://www.somedomain.com/contact">
      홈페이지</a>.<br>
    	<a href="mailto:[email protected]">
      메일 주소</a>.<br>
      오시는 길:<br>
    	제주특별자치도 제주시 동광로 137
    </address>

    6. Grouping Content


    <main>


    ドキュメントの主な内容
    コンテンツは、ドキュメントのトピックまたはWebアプリケーションのコア機能に直接関連するドキュメントの唯一のコンテンツである必要があります.
    これらの情報は、サイトロゴ、検索フォーム、著作権情報など、他のページまたはセクションで繰り返される場合があります.
    IEは最近登場したサポートされていない要素であり、使用に注意する必要がある.

    <hr>


    もともと横線の意味▶HTML 5に来て意味が生まれる
    ストーリーでシーンを切り替えたり、段落でトピックを変更したりするときに区別します.
    段落区切り<p>タグ内での使用は、Web規格に違反します.

    <dl>, <dt>, <dd>

    <ol><ul>および<li>はリストを定義するために使用され、<dl><dt>および<dd>はリストを定義するためにも使用される.
    違いがある場合、<dl><dt><dd>は辞書として任意のコンテンツを定義します.<dl>は定義リストであり、<dt>は定義する用語である.<dd>使用
    記述言語(definition description)に使用します.
    主にホームページの下部footerに情報を入力するために使用されます

    <figure>, <figcaption>


    ウェブページを閲覧するとき、字幕(字幕、説明)のある画像に触れることがあります.
    <figure>
    	<img src="images/baby.jpg" alt="엄마 코끼리와 아기 코끼리">
    	<figcaption>
    		관심 받고싶어하는 아기
    	</figcaption>
    </figure>

    これらのコンテンツについては、<figure>要素を導入して、画像をタイトルに関連付けることができる.
    上下どちらでもよい

    <blockquote>

  • 参照ブロック
  • qは引用符です.主に文に用いられる.
  • <blockquote>
        <p>제발 그만해.. 이러다가 다~~ 죽어!</p>
        <cite>오징어게임 오일남</cite>
    </blockquote>
    
    <p><q>제발 그만해.. 이러다 다~~ 죽어!</q>라고 오일남이 소리쳤습니다.<p>
    👇 しゅつりょく
  • <cite>斜体効果
  • <q>出力は「」
  • 一般的なショートカット

            Ctrl + \ : 토글 보이기
            Ctrl + O : 파일 열기
            Ctrl + P : 프로젝트 검색
            Ctrl + F : 열려 있는 파일 내에서 검색
            Ctrl + Shift + F : 열려 있는 전체 프로젝트 내에서 검색
            Ctrl + , : Settings
            Ctrl + N : 새로운 파일
            Ctrl + S : 파일 저장
            Ctrl + Shift + S  :다른 이름으로 저장
            Shift + del : 라인 지우기
            Ctrl + 클릭 : 여러줄 입력 

    🔥 Today's Question

  • 境界オーバーラップ


  • h 1とh 2は,その下の他のヘッダの間にも上部と下部の利益が重なることが分かった。


    私は指導者に聞いて、彼は私に麻疹の重なり現象に関する解決リンクを送ってくれた。


    📌エッジオーバーラップ(エッジ折りたたみ)

  • 要素と要素の間にマージン(margin-top)またはマージン基準(marging-bottom)の空間がある場合は、より高いマージン値が適用されます.

  • 親エレメントと子エレメントが存在する場合、子エレメントの境界タワーまたは境界データム値は親エレメントの高さに影響しません.

    解決策



  • 親要素にオーバーフロー属性値を適用します.

  • 親要素にdisplay:inline-block値を適用します.

  • 親要素にborder値を適用します.