HTML 기본 태그
참고하기 좋은 사이트
w3school.com : 다양한 언어를 참고하기 좋지만 공신력 있는 사이트는 아님
mdn.com : 모질라 재단(파이어폭스 제작)에서 만듬, 공신력 있는 정보
h1 ~ h6
- 번호별로 크기가 달라짐
- 줄바꿈 적용
권장사항
- h1는 페이지당 하나
- 순서를 건너뛰지 말 것 (예: h1 다음에는 h2)
- 시각적 효과를 위해 사용하지 말 것 (디자인은 CSS로)
- 정보의 구조를 나타내는 용도로 사용하 것
태그 설명
(1) 줄바꿈 태그
br vs. p
- br : break
닫는 태그 필요 없음, 위치 무관
여러번 사용 → 여러 줄
단순 시각적인 줄 바꿈 (엔터)
- p : paragraph
정보 부여: 한 문단, 정보 덩어리임을 나타냄
CSS가 적용될 단위로 사용
단순 줄 바꿈이 아닌, 문단 구분을 위한 태그
(2) 강조 태그
b vs. strong
- b : bold
단순히 진하게
- strong
정보적 강조 (컴퓨터에게 중요한 정보임을 알림)
(예 스크린 리더가 강하게 발음)
(3) 기울임 태그
i vs. em
- i : italic
단순히 기울임
-em : emphasize
정보적 강조 (컴퓨터에게 중요한 정보임을 알림)
예 스크린 리더가 강하게 발음
(4) 기타 태그
- small
: 글씨를 작게
- cite : citation
저작물의 출처 표기 (제목을 표시할 것)
안녕하세요 이동주입니다