오늘 공부한 내용🤓

1. HTML 구조
   • HTML은 head, body로 나눠져 있다.
   • head는 문서에 필요한 정보가 선언된다.
     메타 데이터, 타이틀, css와 JS의 내용을 담는다.
   • body는 실제 사용자가 눈으로 볼 수 있는 내용이 입력된다.
     body 태그는 2가지 레벨로 구분되는데, block과 inline 레벨이 있다.
2. HTML 레이아웃
   • <div> : 단순히 구역을 나누기 위한 태그
   • <header> : 페이지 맨 위에서 글의 제목, 페이지의 메뉴 등 주요 정보를 담는 태그
   • <footer> : 페이지 맨 아래에서 저작권 정보, 회사 위치 등 부가적인 정보를 담는 태그
   • <main> : 페이지의 주요 컨텐츠를 담는 태그
     한 페이지에 1번만 사용한다.
   • <section> : 콘텐츠의 구역을 나누는 태그
   • <article> : 독립적인 문서를 전달하는 태그
   • <aside> : 페이지 우측의 위젯처럼 부가적인 정보를 전달하는 태그
   • 레이아웃 태그를 사용하는 이유
     • 태그를 의미 있게 사용하기 위해
     • 단순히 구분하는 div를 남발하지 않고 웹 문서가 담은 정보와 구조를 의미 있게 전달하기 위해
     • 검색 엔진의 검색 순위에 가산점을 얻거나 홈페이지의 로딩 속도를 높이기 위해
3. HTML 콘텐츠
   • <h1> ~ <h6> : 제목 태그
     <h1>는 페이지 내에서 한번만 사용되어야 하고, 계층을 지켜야 한다.
   • <p> : 하나의 문단을 나타내는 태그
     블록 레벨이지만, 레이아웃처럼 사용하지 않는다.
   • 서식 태그 : <b>, <strong>, <i>, <em>, <u>, <s>, <del> 등
   • <a> : 페이지를 이동할 수 있는 링크 요소
   • 멀티미디어 콘텐츠
     • <img> : 문서 내에 이미지를 넣을 수 있는 태그
     • <figure>, <figcaption> : 독립적인 컨텐츠로 분리하고 설명을 넣을 수 있는 태그
     • <video> : 문서 내에 영상을 첨부할 수 있는 태그
     • SVG : 그래픽으로 만들어진 이미지
       수학 공식을 사용하여 그려지기 때문에 해상도에 영향을 받지 않는 다는 장점을 지니고 있다.
     • <iframe> : 문서 안에 다른 HTML 혹은 페이지를 삽입할 수 있는 태그
4. HTML 리스트
   • <ul>, <li> : 순서가 없는 목록
   • <ol>, <li> : 순서가 있는 목록
   • <dl>, <dt>, <dd> : 설명 목록
   • <table>, <tr>, <td>, <th> : 표
     <thead>, <tfoot>, <tbody> : 표의 영역을 구분
5. HTML 양식 태그
   - <form> : 정보를 제출하기 위한 태그
   - <label> : input, textarea, select의 설명을 작성할 수 있는 태그
   - <input> : 데이터를 입력받을 수 있는 대화형 태그
   - <select> : 옵션 메뉴를 제공하는 태그
   - <textarea> : 여러 줄을 입력할 수 있는 대화형 태그
   - <button> : 정보를 제출하거나 무언가 바꾸길 원할 때 사용하는 버튼 태그
   
   

궁금한 내용 / 어려운 내용❓

• 많은 종류의 태그를 한번에 배우게 되어서 헷갈린다.
• 태그안에 있는 속성들에 대해 궁금해졌다.
  
  

느낀 점😊

지금까지 크롤링하면서 많이 보던 태그들인데 각각 어떤 일을 하는지 알지 못하고 해당 정보만 캐오려고 했었다. 각 태그의 규칙에 대해 배우고 나니 다음에 크롤링을 할 때, 그리고 django를 배울 때 많은 도움이 될 것이다.