HTML5 CSS3 소스평가좀해주세요. ㅎㅎ 정보
HTML5 CSS3 소스평가좀해주세요. ㅎㅎ본문
퍼블리싱 연습하고있는데.
재밌긴한데.. 다른분들이 보시기에 얼마나 퍼블리싱이 잘되고 있는지.. ㅠ 감이안잡혀서
평가좀 부탁드리려고합니다.
아 그리고. 스킨은 무조건 ID 속성으로 CSS 주면 안되겠더라구요 .ㅠㅠ
웹표준에서 id 는 한 페이지에 딱 하나의 객체에만 부여하는것이 원칙인지라.
반복해서 사용할 때는 class 로 무조건 해야하더라구요.
이상 한번만 들어오셔서 소스 봐주세요.
추천
0
0
댓글 3개
퍼플리싱은 잘 모르겠고
<div class="line3_latest_center">
<div class="line3_latest_title">
<a href="#"><span>게시판명이 출력될 부분입니다.</span></a>
</div>
<div class="line3_latest_list">
<ol>
<li><a href="#"><span>게시글제목1</span></a></li>
<li><a href="#"><span>게시글제목2</span></a></li>
<li><a href="#"><span>게시글제목3</span></a></li>
</ol>
</div>
</div>
// 이런식은 어떨까요
<div class="line3_latest_center">
<div class="line3_latest_title"><a href="#">게시판명이 출력될 부분입니다.</a></div>
<ol class="line3_latest_list">
<li><a href="#"><span>게시글제목1</span></a></li>
<li><a href="#"><span>게시글제목2</span></a></li>
<li><a href="#"><span>게시글제목3</span></a></li>
</ol>
</div>
// 더 줄인다면 뭐 이런식으로도 가능하겠네요.
<ol class="line3_latest_center">
<li class="title3"><a href="#">게시판명이 출력될 부분입니다.</a></li>
<li><a href="#">게시글제목1</a></li>
<li><a href="#">게시글제목2</a></li>
<li><a href="#">게시글제목3</a></li>
</ol>
보단 block 형태로 padding 값 주는 것도 괜찮을 것 같네요.
ps. 불편하진 않은데 효성 롤링배너에 첫번째로 돌아갈때 바로 쭈루룩 올라가는거 보다 바로 다음 나오는 식으로 위로 돌아가면 좀 좋지않을까 합니다.
<div class="line3_latest_center">
<div class="line3_latest_title">
<a href="#"><span>게시판명이 출력될 부분입니다.</span></a>
</div>
<div class="line3_latest_list">
<ol>
<li><a href="#"><span>게시글제목1</span></a></li>
<li><a href="#"><span>게시글제목2</span></a></li>
<li><a href="#"><span>게시글제목3</span></a></li>
</ol>
</div>
</div>
// 이런식은 어떨까요
<div class="line3_latest_center">
<div class="line3_latest_title"><a href="#">게시판명이 출력될 부분입니다.</a></div>
<ol class="line3_latest_list">
<li><a href="#"><span>게시글제목1</span></a></li>
<li><a href="#"><span>게시글제목2</span></a></li>
<li><a href="#"><span>게시글제목3</span></a></li>
</ol>
</div>
// 더 줄인다면 뭐 이런식으로도 가능하겠네요.
<ol class="line3_latest_center">
<li class="title3"><a href="#">게시판명이 출력될 부분입니다.</a></li>
<li><a href="#">게시글제목1</a></li>
<li><a href="#">게시글제목2</a></li>
<li><a href="#">게시글제목3</a></li>
</ol>
보단 block 형태로 padding 값 주는 것도 괜찮을 것 같네요.
ps. 불편하진 않은데 효성 롤링배너에 첫번째로 돌아갈때 바로 쭈루룩 올라가는거 보다 바로 다음 나오는 식으로 위로 돌아가면 좀 좋지않을까 합니다.
ㅋㅋㅋ !! 귀차니즘이.. ㅎㅎ
저희는 보통 이렇게 쓰는 편입니다.. ㅎㅎ;
<style type="text/css">
.latest {}
.latest ul {}
.latest ul li {}
.latest ul li .date
.latest .more {}
</style>
<div class="latest">
<h2>게시판이름</h2>
<ul>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
</ul>
<a href="#" class="more">더보기</a>
</div>
<style type="text/css">
.latest {}
.latest ul {}
.latest ul li {}
.latest ul li .date
.latest .more {}
</style>
<div class="latest">
<h2>게시판이름</h2>
<ul>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
<li><a href="#">게시물제목입니다.</a><span class="date">2013-22-22</span></li>
</ul>
<a href="#" class="more">더보기</a>
</div>
