HTML 구조 학습

Taehee Kim·2022년 4월 4일
0

HTML

목록 보기
7/8

🧡 홈페이지 상단 회사 로고

1) <h1><a></a></h1> 추천
2) a>img , url(주소)


🧡 <article>

1) article은 '독립적, 개별적' 성격

- article은 거의 하나의 html 파일 수준

- 다른 사이트로 가져다가 그대로 사용할 수 있는 상태만 사용해야 하는 조심스러운 태그
ex) 위젯, 이미지 슬라이드

- article 안에서는 header, main, footer 반복 가능(section 내에서는 X)


🧡 <section>

- <main>은 section을 감싸지 않는다.

- <main>은 html파일에서 단 한 번만 사용함.

- section 안에 section 가능


- <address> : 회사의 주요 정보(주소, 번호)
(address >dl> dt+dd)


🧡 웹표준 이미지 삽입

https://velog.io/@wltnrms0629/HTMLCSS-%EC%9B%B9-%EC%A0%91%EA%B7%BC%EC%84%B1%EC%9D%B4%EB%AF%B8%EC%A7%80-%ED%91%9C%ED%98%84-IR%EA%B8%B0%EB%B2%95

🧡기타

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을 만드는 것이 좋은 코딩, 파일의 길이 축소

0개의 댓글