주제: 댓글 퍼머링크 책갈피 위치를 바꿔주세요
보통, 스킨 제작자들은 댓글 리스트를 짤 때, 이런 방식으로 짜곤 합니다. 이 소스는 태터툴즈 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)에 의해 마지막으로 수정