🧡 홈페이지 상단 회사 로고
1) <h1><a></a></h1>
추천
2) a>img , url(주소)
🧡 <article>
1) article은 '독립적, 개별적' 성격
- article은 거의 하나의 html 파일 수준
- 다른 사이트로 가져다가 그대로 사용할 수 있는 상태만 사용해야 하는 조심스러운 태그
ex) 위젯, 이미지 슬라이드
- article 안에서는 header, main, footer 반복 가능(section 내에서는 X)
🧡 <section>
- section 내에서 header, main, footer 반복 X
- <main>
은 section을 감싸지 않는다.
- <main>
은 html파일에서 단 한 번만 사용함.
- section 안에 section 가능
- <address>
: 회사의 주요 정보(주소, 번호)
(address >dl> dt+dd)
- 위젯(article)은 footer 아래에 작성이 일반적
🧡 웹표준 이미지 삽입
🧡기타
1) nav는 여러번 사용 가능(아주 중요한 경우라면)
2) 페이지의 제목은 h1(딱 한 개 사용 지향, 필요에 따라 2-3개 가능)
3) section 내 소제목은 h2
4) 둥둥 떠다니는 배너: <aside>
or <article>
본문과 분리되는 내용이기 떄문에
5) 시간, 날짜 태그: <time>
/https://developer.mozilla.org/ko/docs/Web/HTML/Element/time
6) 내용 상 순서 있는 list는 ol쓰는 거 아주아주 좋음
7) 제목 내용 구성 리스트는 dl>dt>dd
📌 주석도 많이 달아서 설명하기 > 협업에 도움
📌 너무 지나치게 section 등으로 감싸려 애쓰지 말기!!
간단한 HTML을 만드는 것이 좋은 코딩, 파일의 길이 축소