전체 : 4,150,784 명
어제 : 0 명
오늘 : 0 명

HTML 5 기본 파일구조

관리자 | 2013.05.06 16:38 | 조회 2166
이론은 책이나 인터넷 검색으로 찾아가면서 그때 그때 보시면 됩니다. 
실무적인것 위주로 강좌를 쓰겠습니다.

HTML5의 기본 구조입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5</title>
</head>
<body>
<header></header>
<nav></nav>
<article>
<section>
<p>
</p>
</section>
</article>
<aside></aside>
<footer></footer>
</body>
</html>

위와 같은것이 어떤 페이지나 어떤 홈페이지에서도 이 구성은 바뀌지 않습니다. 물론 꼭 저런 형식을 따르지 않고 코딩해도 화면에는 나옵니다만 표준문서라고는 볼 수 없죠
홈페이지는 헤더 섹션 푸터로 나눠지는 헤더는 네비게이션 메뉴나 로고 같은것이 주로 차지하게 되고 섹션은 메인 내용,서브 내용등의 기본적인 내용을 표시하게 됩니다. 풋터에서는 카피라이터나 기타 이용약관,사업자등록번호를 표시하게 되어있죠.

쿨소프트를 예로 들어 3개로 나누면 아래와 빨간 박스와 같이 나뉩니다.


보시다 싶이 맨위 부분에는 로고와 네비게이션 검색바등이 차지하고 있습니다. 저부분을 HTML5 에서는 헤더라고 부릅니다.
<header></header>안에 내용을 넣으면 됩니다. 또한 헤더안에 네비게이션이 존재할경우에는 <header></header>안에다가 <nav></nav>를 집어 넣어서 사용하게 됩니다.
그리고 마지막 부분인 <footer></footer>에는 <address>태그로 주소기입이나 카피라티를 적어주시면 됩니다.

이정도만 알아두시면 HTML5 기본 파일 구조는 익히신겁니다.


twitter facebook me2day 요즘
댓글쓰기 - 로그인한 후 댓글작성권한이 있을 경우 이용하실 수 있습니다.

비밀번호 확인

댓글 등록시에 입력했던 비밀번호를 입력해 주세요.
1개(1/1페이지)
rss
HTML5
번호 제목 작성자 작성일 조회
>> [다이어리]HTML 5 기본 파일구조사진첨부파일 관리자 2013.05.06 2167
처음페이지이전 10 페이지1다음 10 페이지마지막페이지