이 사이트는 CSS3를 포함하고 있으며, 반응형(Responsive)으로 구성되어져 있습니다.

최적화된 화면은 IE10(익스플로러10) 이상 , 표준 브라우저(Chrome, Firfox, Safari 등)를 이용해 주시기 바랍니다.

X

HTML/CSS

XHTML

최근게시물 - 마크업

WEBSP2012.02.14 09:58

조회 : 3,929

최근게시물 [ 마크업 ]

최근 게시물은 웹 사이트의 메인 페이지에서 게시판 리스트에 보여지는 내용의 일부를 보여주는 것입니다.
최근게시물을 만들어 내기위해 필요한 태그는 무엇이 있을까요?
그리고 최근 게시물에서는 항상 따라다니는 더보기(more) 버튼 있는데 더보기 버튼의 위치는 마크업 구조상 어느 위치에 놓여져야 할 지 생각해보시기 바랍니다.

* 마크업은 작성하는 사람의 의도에 따라 조금씩 변경 될 수 있으며, 디자인에 따라 어쩔 수 없는 구조의 마크업이
짜여질 수 있다는점은 감안하시기 바랍니다. 즉 디자인에 따라 태그 구조가 달라 집니다.

기본 적인 마크업


H2는 제목 태그로써 페이지의 제목에 해당 하는 부분이라 생각하여 H2 태그를 사용하였습니다.
게시판의 게시물은 순서가 없는 경우가 많습니다.
그렇기 때문에 목록 부분의 마크업은 리스트 구조 이면서 주어진 순서가 없기 때문에 UL / LI 를 사용하였습니다.
마지막으로 " 더보기 " 버튼은 P 태그로 작성하고 문서의 최 하단에 작성하였습니다.
제목, 내용, 더보기 의 순은 접근성을 고려한 마크업으로 가장 기본 적인 구조라고 생각하시면 됩니다.
웹 표준에서 가장 중요한 것은 마크업입니다.
CSS로 원하는 디자인을 그려 내는 것 또한 중요하지만, 마크업을 제대로 알고
사용하는 것이 무엇보다 중요합니다.

0개의 댓글이 있습니다.

select count(*) as cnt from g4_login where lo_ip = '3.83.192.109'

1194 : Table 'g4_login' is marked as crashed and should be repaired

error file : /bbs/board.php