안녕하세요.
P.232 의 예제에서 질문드릴 내용이 있는데요.
여기에 보면
li(리스트)를 수평으로 나열하기 위해서
스타일시트에서
li{
display:inline;
list-style-type:none;
}
와 같이 구성했고
html에서는
<ul>
<li><a href="#"><img src="images/jquery.jpg" alt="jQuery" /></a></li><!--
--><li><a href="#"><img src="images/javascript.jpg" alt="javascript" /></a></li><!--
--><li><a href="#"><img src="images/css.jpg" alt="CSS" /></a></li><!--
--><li><a href="#"><img src="images/html.jpg" alt="HTML" /></a></li>
</ul>
와 같이 구성하고 있는데요.
그런데 제 생각에는 li사이에 굳이 <!-- 와 -->주석을 넣어서 구성할 필요가 있을까 생각을 합니다. 주석을 넣으니 소스도 다소 깔끔하지 못한 듯 합니다.
그냥 아래와 같이 구성하면 되는것 아닌가요.
스타일시트는
li{
float:left;
list-style-type:none;
}
와 같이 하고
html은
<ul>
<li><a href="#"><img src="images/jquery.jpg" alt="jQuery" /></a></li>
<li><a href="#"><img src="images/javascript.jpg" alt="javascript" /></a></li>
<li><a href="#"><img src="images/css.jpg" alt="CSS" /></a></li>
<li><a href="#"><img src="images/html.jpg" alt="HTML" /></a></li>
</ul>
처럼 구성하면 되는게 아닌가 생각이 드는데요.
그렇게 하셔도 무방합니다. 책에 나와 있는 소스가 100% 정석은 절대 아닙니다.
더 좋다고 생각하시는 방법대로 작성하시고 테스트 해보는 것이 더욱 좋은 학습 방법이라 생각됩니다.
감사합니다.