SIR
탈

HTML5+CSS3+크로스브라우징+웹표준 레이아웃

내컴퓨터
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 12년 전 · 18665 · 14

링크

http://new.jeongum.com/ (1880)
캡처.PNG
아마 요즘 가장 이슈가 되는 씨맨틱 태그를 활용한 레이아웃 제작의 가장 기본형태 포멧이 아닐까 합니다.
간단한 코딩이지만 필요한 사람들이 많을것 같아서 올립니다.
코드가 간결하여 해석하기 쉽고 기존에 복잡하게 코딩하던것을 이렇게 하면 쉽게 코딩이 가능하구나... 를 많은 사람들이 느낄 수 있을것 같습니다.

실제 레이아웃 페이지는 링크를 확인해주세요.
div 병에서 빠져나와 이제 한눈에 볼수 있는 직관적인 홈페이지를 만들도록 합시다.

style.css 에서 background:#efefef; 만 제거하시면
바로 사이트 제작에 활용 할 수 있습니다. 이상입니다.

http://css-validator.kldp.org/validator?uri=http%3A%2F%2Fnew.jeongum.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=ko
[ 스타일 시트 표준 확인 ]


http://validator.kldp.org/check?uri=http%3A%2F%2Fnew.jeongum.com%2F
[ 웹표준 확인 ]
#PC용

첨부파일

캡처.PNG (16.4 KB) 0회 2013-11-02 10:40
layout_html5.zip (35.3 KB) 1410회 2013-11-02 10:48
|
글쓰기

댓글 14개

ssoul5932
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
감사히 사용하겠습니다.
왓왓츠업
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
좋은 정보네요
내내컴퓨터
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
직접만든겁니다.ㅎ
황황현정
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
감사히 사용하겠습니다.
편편한이웃
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
감사합니다.
현현사
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
좋은 자료 올려주셔서 감사드립니다.
인인서뉘
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
감사합니다! 잘쓸게요
UUnhappy
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
이거 head파일이 없는데 head.php파일이나 tail.php파일없이 이거만으로도 사이트 구축이 가능한 건가요?
내내컴퓨터
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
이것만으로 해도되지만.. 이걸 나눠서 써야죠 ㅎㅎ
토토토박스
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
감사합니다.
용용의아이
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
완전 감사합니다.
쥬쥬노
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
완전 멋지십니다....^^
나나니아
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
완전 정리하기 좋네요~~~~감사합니다~~~^----^
CSS 질문요^^
1) #container:after ==> 컨텐츠내용의 마무리가 같다는?? 어떤 의미인지요~~^^;;
2) content : "."; ==> 이건 어떤 의미인지~~^^;;
오오자서
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
쌩초보에게는 정말 귀한 자료네요. 감사합니다.
이전글목록다음글
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

태그 필터 (최대 3개) 전체 PC용 모바일용 반응형
+
이전 첫 페이지 다음
🐛 버그신고