HTML5 기본구조 시맨틱 태그 구조



프리랜서 웹디자이너 RELATION RELATION.CO.KR

RELATION 로고

홈페이지 소스

[HTML] HTML5 기본구조 시맨틱 태그 구조

2016.05.24
1. 기본구조
<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style></style>
<script></script>
</head>
<body>
</body>
</html>


2. 시맨틱 태그 구조
- <div id="header">등으로 지정했던 것들을 시맨틱 태그로 만들어 한눈에 구분할 수 있게 되었다.
- <header>,<nav>,<section>,<acricle>,<footer>,<address>,<div>,<iframe>등

1) <header> 태그 -머리말(제목)지정
2) <nav> 태그 - 문서를 연결하는 네비게이션 링크
3) <section> 태그 - 콘텐츠 영역
4) <acticle> 태그 - 실제 콘텐츠 내용 표시
5) <aside> 태그 - 본문 이외의 내용 표시
6) <footer> 태그 - 제작 정보와 저작권 정보표시
7) <address> 태그 - 사이트 제작자 정보 연락처 정보 보통 <footer> 태그 안에 사용
8) <div> 태그 - 주로 콘텐츠를 묶어 시각적으로 효과를 적용하려고 할때 사용
9) <iframe> 태그 - 외부 문서 삽입기, <iframe src="콘텐츠 주소" 속성="속성값"></fream>
-width, height, name, src ...

이 포스트 공유하기

글수정  글삭제 전체목록
<
 
1
           
검색    글쓰기
번호 제 목 작성자 작성일 조회수
중요 [소스] 기존 a 태그 href를 이용하여 부드럽게 스크롤 이동하기 작성글은 비공개로 설정 되었습니다. 꿘쓰 2017.02.10 73
중요 [기타] 구글맵 플랫폼 꿘쓰 2019.01.22 3721
중요 [소스] 구글맵 반경 검색 작성글은 비공개로 설정 되었습니다. 꿘쓰 2018.01.08 17
중요 [소스] 구글맵 이동 경로 표시 꿘쓰 2018.01.18 3919
중요 [소스] 구글맵 좌표값 구하기 꿘쓰 2019.01.08 2387
중요 [소스] 구글맵 웹사이트 띄우기  이미지 파일이 첨부되어 있습니다. 꿘쓰 2013.01.02 20953
227 [기타] innerHTML 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.11.16 0
226 [소스] 마우스 롤오버 효과 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.30 2
225 [기타] 퍼센트 계산, 백분율 계산 방식 꿘쓰 2020.06.22 121
224 [소스] Window.scroll() 꿘쓰 2020.06.22 114
223 [소스] scrollLeft(), scrollTop() 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.15 0
222 [소스] 숫자 카운트 1 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.03 1
221 [CSS] 그라데이션 자동 생성 사이트 꿘쓰 2020.11.12 147
220 [CSS] flex-wrap:wrap 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.05.29 0
219 [SCRIPT] 자바스크립트 number_format 숫자 콤마 제이쿼리 꿘쓰 2019.12.03 228
218 [소스] 구글 로그인 API 자바스크립트 꿘쓰 2019.08.16 391
217 [JQUERY] 체크박스 체크 유무 jquery 꿘쓰 2019.07.23 413
216 [CSS] css webkit, moz, ms, o 의미 꿘쓰 2019.04.16 582
215 [HTML] HTML5 Canvers 태그 꿘쓰 2019.03.22 681
214 [기타] 카카오 상담톡 비즈니스 메신져 꿘쓰 2019.03.21 646
213 [기타] a태그 onclick 클릭 이벤트 차이점 꿘쓰 2019.03.13 656
212 [소스] 카카오 로그인 작성글은 비공개로 설정 되었습니다. 꿘쓰 2019.03.08 1
211 [소스] 별점주기 꿘쓰 2019.02.21 771
210 [소스] Select option를 버튼(div) 방식으로 변경하기 꿘쓰 2019.02.21 738
209 [소스] 코멘트 게시판 디자인 이미지 테두리 둥글게 하기 (border-radius) 꿘쓰 2019.02.13 953
208 [소스] 아이폰 갤러리 이미지 저장 방지 꿘쓰 2019.01.09 728