1

주제: 댓글 퍼머링크 책갈피 위치를 바꿔주세요

보통, 스킨 제작자들은 댓글 리스트를 짤 때, 이런 방식으로 짜곤 합니다. 이 소스는 태터툴즈 XHTML 표준 스킨의 소스입니다.

<ol>
 <s_rp_rep>
  <li> <span class="name">[##_rp_rep_name_##]</span> <span class="date">[##_rp_rep_date_##]</span> <span class="control"><a href="[##_rp_rep_link_##]">PERMALINK</a><a href="#" onclick="[##_rp_rep_onclick_delete_##]">MODIFY/DELETE</a> <a href="#" onclick="[##_rp_rep_onclick_reply_##]">REPLY</a></span>
   <p>[##_rp_rep_desc_##]</p>
   <ul>
    <s_rp2_rep>
     <li> <span class="name">[##_rp_rep_name_##]</span> <span class="date">[##_rp_rep_date_##]</span> <span class="control"><a href="[##_rp_rep_link_##]">PERMALINK</a><a href="#" onclick="[##_rp_rep_onclick_delete_##]">MODIFY/DELETE</a></span>
      <p>[##_rp_rep_desc_##] </p>
     </li>
    </s_rp2_rep>
   </ul>
  </li>
 </s_rp_rep>
</ol>

언뜻 보면 대단히 의미론적이고(ordered list를 썼다는 점에서부터요.), 괜찮은 소스입니다만, 문제가 없는게 아닙니다. s_rp_rep, s_rp2_rep 태그 자리에 퍼머링크를 위한 책갈피(a id)를 붙여놓다 보니, 이런 소스가 나오게 되죠.

<ol>
 [b]<a id="comment3"></a>[/b]
 <li> <span class="name"><a href="http://www.psnnet.net/tatter/zf" onclick="return openLinkInNewWindow(this)">ZF.</a></span> <span class="date">2006/06/06 22:41</span> <span class="control"><a href="/tatter/zf/1#comment3">PERMALINK</a><a href="#" onclick="deleteComment(3);return false">MODIFY/DELETE</a> <a href="#" onclick="commentComment(3);return false">REPLY</a></span>
  <p>작은 댓글 하나</p>
  <ul>
   [b]<a id="comment4"></a>[/b]
   <li> <span class="name"><a href="http://www.psnnet.net/tatter/zf" onclick="return openLinkInNewWindow(this)">ZF.</a></span> <span class="date">2006/06/06 22:41</span> <span class="control"><a href="/tatter/zf/1#comment4">PERMALINK</a><a href="#" onclick="deleteComment(4);return false">MODIFY/DELETE</a></span>
    <p>큰 힘이 되었습니다. </p>
   </li>                        
 </ul>
</ol>

ol이나 ul태그 안에 있는 내용은 li 안에 들어가야 하지만, a 태그가 li에 속해있지 않은 채로 나타나고 있습니다. 댓글 퍼머링크 책갈피의 위치가 바뀌어야 문제가 해결될 듯합니다. 어떻게 생각하십니까?

(물론 스킨 구조를 수정하여 s_rp_rep 태그 안에 ul까지 넣는 방법이 있지만, 이렇게 되면 의미론적 부분이 훼손되는 큰 문제가 생기고 말죠...)

ZF. (2006-06-14 20:08:21)에 의해 마지막으로 수정