<dl>, <ul> 어떤 것이 맞을까?

지운아빠

· 13년 전 · 조회 2847 2847 · 댓글 24 24

<ul id='view_info'
    <li>지운아빠 ip</li>
    <li>작성일시 2012. 10. 05 17:02:54</li>
    <li>조회 <span>1</span></li>
    <li>댓글 <span>0</span></li>
</ul>

위 마크업은 지금 이 게시판 읽기에서

부분을 나타내는 마크업입니다.

우연히 웹서핑 도중 이 마크업은

<dl id='view_info'>

    <dt>작성자</dt>

    <dd>지운아빠</dd>

    <dt>아이피</dt>

    <dd>ip</dd>

    <dt>작성일</dt>

    <dd>2012. 10. 05 17:02:54</dd>

    <dt>조회</dt>

    <dd>1</dd>

    <dt>댓글</dt>

    <dd>0</dd>
</dl>

처럼 하는 것이 더 좋을 수 있다는 글을 보았습니다. 제가 예시로 든 소스를 실제 예로 든 것은 아닙니다.

여러분이라면 어떻게 마크업하시겠습니까?

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 24개

모노폴리

프로필 보기 이 회원 글보기

13년 전

해석에 따라 차이가 있겠지용~ 그러나 일반적으로 댓글=댓글수 조회=조회수 로 해석하며 보기 때문에 dt dd로 쓰시는게 맞다고 보입니다.

저는 게시판 list를 테이블로 짜도 웹표준에 맞다고 보거든요. 엄연한 자료를 정리한거 아니겠습니까? 하하하

지운아빠

프로필 보기 이 회원 글보기

13년 전

게시판 목록은 대개 테이블로 짜지 않나요? ㅎㅎㅎ

호순아잉

프로필 보기 이 회원 글보기

13년 전

에디트플러스 기능아이콘에는
ul>li == 순서없는 목록
dl>dt+dd == 순서있는 목록
으로 구분을 해놓았네여,
저는 마크업시 리스트 마크업에는 li를, 제목이 있는 요소가 들어가면 dt,dd를 사용합니다. (주관적)
그나 저나 지운아빠님 제 댓글에 답변좀 달아주세여.
제 질문 답변도 궁금하네요 ㅠㅠ

지운아빠

프로필 보기 이 회원 글보기

13년 전

순서있는 목록은 <ol> 이겠죠 ^^;; <dl> 은 정의 목록 아닌가요? ㅠㅠㅠ

호순아잉

프로필 보기 이 회원 글보기

13년 전

잘못적었네여 ^^;

지운아빠

프로필 보기 이 회원 글보기

13년 전

sir 홈페이지에서 <dl> 을 사용한 부분은,
그누보드란? http://sir.co.kr/main/gnuboard4/about.php
영카트 기능 http://sir.co.kr/main/youngcart4/kcp_feature.php
입니다.
이런 부분 이외에 작성자,일시 등에도 <dl>을 써야하는 걸까요?

호순아잉

프로필 보기 이 회원 글보기

13년 전

게시판 성격이 강하면 thead로 정의 하겠어요, 테이블로 마크업이 안되었다면 span을 쓰겠구여, 아니면 article에 header는 어떻까요? 지극히 주관전인 견해입니다.

지운아빠

프로필 보기 이 회원 글보기

13년 전

현재 SIR 게시판에서는 article > header > ul 입니다.

article > header > span 이 더 낫겠다는 의견이시죠? ul 은 쫌 애매한 부분이 있긴 하네요. ㅠㅠ

KIMys

프로필 보기 이 회원 글보기

13년 전

이런 도대체 무슨 소리인지 알려면 먼저 공부하고 와서 읽어야 하겠네...

lainfox

프로필 보기 이 회원 글보기

12년 전

@지운아빠
위의 상황처럼 작성자, 날짜, 조회수, 코멘트수 라는 것을 마크업 한다면 DL 이 더 이쁘겠네요

w3 의 예제중에 비슷한 것이 있어서 링크
http://www.w3.org/TR/html5/the-dl-element.html#the-dl-element

(하지만, 귀찮으면 그냥 ul ~ ㅎㅎㅎ)

/ 3

1 2 3

게시글 목록

번호	제목	글쓴이	조회	날짜
5125	그누보드 외래키 6	프토코이	1,181	13년 전
31169	표준화 4강 그누보드4 dtd 변경 및 오류 찾기 (html5) 19	지운아빠	5,045	13년 전
31156	표준화 3강 html5 시맨틱 마크업과 그누보드 12	지운아빠	6,415	13년 전
24468	Getting Real 이라는 방법론의 요약입니다. 5	블랙스완	1,195	13년 전
5123	안녕하세요^^ 먼가 메뉴가 개편된뒤로는.. 1	AKASIA	523	13년 전
26932	어떻게 하시나요? 6	호순아잉	890	13년 전
18245	PHP 아파치 웹서버 로그 파싱 access_log parser php 2	카카오툴즈	1,874	13년 전
18239	Mobile 디바이스별 viewport 설정. 5	시누이	5,608	13년 전
5111	PHP 개발자 시장이 어떤가요? 11	jfascas	1,032	13년 전
18236	JavaScript 팝업창 width="100%" 전체적으로 나올수있도록 하는 방법을 좀 도와주세요ㅠㅠ 2	진풍백	1,695	13년 전
5097	개발자 VS 프로그래머? 13	유보	1,305	13년 전
5096	dtd로 개인 홈피 하나 만들어볼라고 합니다.	itlang	500	13년 전
26924	웹표준 장난 아니네요! 7	포커슷	1,298	13년 전
5086	apk 개발은 안하시나요? 9	지러유	773	13년 전
5080	phpmyadmin 사이트가 접속이 안되네요... 5	항상감사	619	13년 전
31139	표준화 2강 장애인차별금지법의 이해 - 웹 접근성 16	지운아빠	6,128	13년 전
26919	링크 걸어봐여, 4	호순아잉	854	13년 전
5078	궁금한 내용이 있어서 의견 구해 봅니다 1	악마의유혹	455	13년 전
26914	포토샵 슬라이스 써서 홈페이지 HTML 코딩 했답시고 던지는 디자이너 보면 어때요? 4	현님	2,791	13년 전
26898	내가 이전 디자이너 때문에 못삽니다 ㅜㅜㅜ 15	현님	1,168	13년 전
18227	jQuery 제이쿼리 이미지 메뉴 8	port	3,529	13년 전
24462	웹기획자는 경영지식이 있어야할까요? 5	블랙스완	1,347	13년 전
26891	html5 명세서 공유합니다. 6	호순아잉	1,059	13년 전
5072	고수님들의 의견을 듣고싶어요. 5	항상감사	568	13년 전
5069	Where is the Gangnam Style 2	아샬	557	13년 전
5066	아이디 클릭시 "쪽지보내기.자기소개,홈페이지" 보이게 하이는 방법 어떻게 하냐요? 2	angrysol	815	13년 전
26889	공부할 겸 CSS2.1 권고안 번역하고 있습니다. 1	지운아빠	1,000	13년 전
24457	기획 분야인지 모르겠지만 홈페이지 하단에 주소, 사업자 등등.. 4	포커슷	1,721	13년 전
5061	고수님들 부탁드려요.회원가입시 주민등록번호 없애는 방법 4	angrysol	1,043	13년 전
30628	HTML object 태그 질문 드ㅡ립니다 2	후라보노보노	2,130	13년 전
5059	다음 카페 API 사용해 보신분 계신가요? 1	모니터군	1,089	13년 전
26413	견적서 엑셀.,견적서.., 13	울랄라커뮤니케이션스	4,184	13년 전
18223	웹서버 [Linux] 폴더별 용량 확인 3	울랄라커뮤니케이션스	3,351	13년 전
18222	웹서버 IIS7 + FastCGI + PHP + MySQL 설치 방법	울랄라커뮤니케이션스	4,925	13년 전
31109	표준화 1강 웹 표준, 웹 접근성의 이해 29	지운아빠	7,523	13년 전
26410	통계 SIR 2012년 9월 운영체제, 해상도별 방문율 2	관리자	2,771	13년 전
26406	통계 SIR 2012년 9월 브라우저별 방문율 3	관리자	2,220	13년 전
5056	개발자의 사전적 의미 2	gilynh	644	13년 전
5042	개발자 결국 개발자(내가 개발자로 입사한건 아니지만) 포기 하고 회사 옮겼습니다. 13	현님	2,952	13년 전
26885	또 질문이 이써요 ㅎㅎ 3	김우너석	830	13년 전
31097	표준화 그누보드4 웹 표준화 강좌 규칙 11	지운아빠	4,326	13년 전
18214	jQuery 유니클로 슬라이드 간략버전 7	gilynh	2,463	13년 전
5034	개발자 요즘 업계들 사정 어떤가요?? 개발자 구하기가 하늘에 별따기던데.. 7	grapedw	1,842	13년 전
5030	개발자 게시판에서 cheditor로 업로드한 이미지가 3	오지랖선생	1,611	13년 전
31075	표준화 그누보드4 웹 표준화 커리큘럼 21	지운아빠	5,918	13년 전
26879	퍼블리셔 제 글이 인기가 없어서, 다시 적어 봅니다 ㅠㅠ 5	호순아잉	1,741	13년 전
5021	개발자 mysql 도움좀 주세요 8	simon1004	1,441	13년 전
5019	개발자 뭐든 최신은.... 1	亞波治	1,297	13년 전
18207	MySQL mysql 성능향상을 위한 팁.. 6	울랄라커뮤니케이션스	2,815	13년 전
26854	퍼블리셔 <dl>, <ul> 어떤 것이 맞을까? 24 현재글	지운아빠	2,848	13년 전
5010	개발자 ssl서버설치 하려고합니다. 8	아브딜론	1,151	13년 전
5002	개발자 세상은 넓고 고수들은 많다 (어느 미국 처자 이야기) 7	Maximus	1,357	13년 전
4999	개발자 hotmail은 수신확인이 안되나요? 2	오리진소프트	4,606	13년 전
4986	개발자 배경이미지를 사용자에 의해 변경할수 있는 방법 8	꿈소망	673	13년 전
4995	개발자 사업자 말고 개인이 사용가능한 결제대행 업체나 사이트 3	한글민	1,137	13년 전
18196	MySQL 조건문을 정확하게 써라 10	말러83	1,449	13년 전
30626	HTML [HTML5] classList api 클래스 변경 api 1	다프린	1,868	13년 전
18195	JavaScript 여러개의 라디오버튼 모든 버튼 필수 입력 제이쿼리형	hy미디어	1,901	13년 전
26852	퍼블리셔 처리됨 취소선 찍찍 1	크로셀	1,666	13년 전
26846	퍼블리셔 반응형 웹 견적내는법 아시는분 5	블랙스완	4,780	13년 전
4985	개발자 결국은 서버 리셋하고 APM 재설치 했네요....ㅠㅠ	亞波治	1,121	13년 전
18186	웹서버 CentOS6.3 + httpd2.4.3 + mysql5.5.28 + php 5.3.17 8	亞波治	6,101	13년 전
30622	기타 필요에 따라 자스/css 불러왔다 내보내기 3	Maximus	1,567	13년 전
26842	퍼블리셔 CSS 문의 드립니다. 3	김우너석	1,673	13년 전
18184	기타 리눅스 쉘 상에서 파일 인코딩 1	프로프리랜서	1,377	13년 전
26839	퍼블리셔 이 페이지가 안열려서 그러는데 어떻게 하나요^^;;? 2	하늘제사장	1,031	13년 전
18182	기타 bootstrap css 프레임웍 1	K찰스	1,756	13년 전
4972	개발자 오늘 조기 퇴근입니다. 12	gilynh	773	13년 전
4954	개발자 jQuery 창시자 존레식 17	gilynh	2,276	13년 전
4951	개발자 쪽지스팸 2	진서기	610	13년 전
4947	개발자 이런 경우가 있을수 있나요? 3	亞波治	619	13년 전
24448	기획자 다들 반응형웹 어떻게 생각하시나요? 8	블랙스완	3,265	13년 전
26832	퍼블리셔 퍼블리셔 서브 메뉴의 글 6	전진	1,072	13년 전
4937	개발자 돈과 시간만 있으면, 그 어떤 시스템이라도 만들 수 있다고 생각하는가? 9	gilynh	732	13년 전
4934	개발자 아놔...간만에 일찍들어와 작업 할려니.... 2	亞波治	557	13년 전
26827	퍼블리셔 도메인 하나 샀네요. 티스토리 초대장 좀 부탁드립니다 ㅠ 4	지운아빠	1,053	13년 전
18181	JavaScript 체크박스 다중선택시 제한 걸기 (3개이상 선택시 애러메시지 출력)	AKASIA	2,220	13년 전
4924	개발자 좋은정보라...... 5	亞波治	668	13년 전
18169	PHP 깔끔한 코딩을 위한~ "제어 구조의 대체 문법" 11	켈리얀	1,540	13년 전
4930	개발자 후힛 조인문 완성햇어욤 ㅋㅋㅋ 3	엔스토어	762	13년 전
4917	개발자 sass 라는 것에 대해서 오늘 첨... 6	xpem	743	13년 전
24438	기획자 웹기획 커뮤니티는 필수일까? 9	블랙스완	2,556	13년 전
26820	퍼블리셔 같다 = 같다? 6	이천이지	997	13년 전
26813	퍼블리셔 체크박스를 대신해서 드래그버튼으로 구현하려합니다 6	모노폴리	1,206	13년 전
4912	개발자 우리 회사 팀장은 디개기뻐 중 누규? 4	hy미디어	638	13년 전
26804	퍼블리셔 아 알려주세요..ㅜ 테이블 백그라운드... 8	우왘	1,651	13년 전
4906	개발자 모바일 크롬에서 5	다프린	664	13년 전
4895	개발자 개발자는? 어떤키보드를 써야하는가! 10	유보	823	13년 전
4887	개발자 이런 사람 어떻게 생각하시나요? 7	프로프리랜서	569	13년 전
4882	개발자 어떤 컴퓨터 메이커가 믿음이 가는지요? 4	亞波治	630	13년 전
4877	개발자 제작의뢰 후기 게시판을 보니.... 4	亞波治	610	13년 전
4869	개발자 핸폰에서 사용이 가능한 에디터가 있을까요? 7	亞波治	717	13년 전
30618	CSS 가상클래스 순서 외우기 3	모노폴리	1,912	13년 전
4866	개발자 혹시 runkeeper 사용 하시는분 있나요? 2	다프린	970	13년 전
26799	퍼블리셔 개발자이지만....ㅎㅎ 4	켈리얀	1,079	13년 전
4862	개발자 Nginx+FPM-PHP -> Apache 2.4.3 + php 5.3.17로 갈아탔습니다. 3	진서기	1,983	13년 전
26795	퍼블리셔 오늘 아침 검색하다가 ㅋㅋㅋ 3	지운아빠	1,129	13년 전
24430	기획자 발로 하는 서브메뉴 디자인 기획 7	지운아빠	2,769	13년 전
4857	개발자 MYSQL 괴현상.. 4	JOYCOM	629	13년 전
30609	HTML 넌 이제 오빠꺼야, embed 동영상 위의 div 표시문제 8	지운아빠	3,292	13년 전

이전 다음

23 24 25 26 27

전체 목록