2009-02-04 4 views
20

질의 응답 페이지를 만들고 싶습니다.FAQ에 대한 시맨틱 HTML 마크 업

목록이 아니며 표 형식의 데이터가 아니며 사용 방법 또는 사용 방법을 잘 모르겠습니다. <dl><dt><dd>.

CSS를 구성하고 CSS를 사용하여 포맷하는 가장 좋은 방법은 무엇입니까?

+0

하나는 때때로 거기되지 않는 것입니다 또는 틀린 대답. (HTML5의 새로운 의미 (http://html5doctor.com/the-dl-element/) 덕택에) '

'이 적합합니다. 헤더와 단락도 잘 작동하며, ['
'/ ''] (http://html5doctor.com/the-details-and-summary-elements/) 너무 많은 질문이 있고 깔끔하게 보관하려는 경우 붕괴되는 FAQ를 작성하십시오. –

답변

28

나는 항상 <dl>을 자주 사용합니다. 일반적으로 <dt>을 링크 할 질문의 색인 앵커로 지정합니다.

편집 ...

내가 언급해야한다, 이것은 가장 의미 론적 접근 방식의 나의 해석이다. 내가보기에, 이것은 정확하게 일종의 물건입니다. <dl>은 마크 업하기위한 것입니다.

CSS의 경우 주관적입니다. <dt>에 대한 일반적인 제목 지정 스타일은 높은 글꼴 크기, 약간 더 높은 글꼴 크기 및 더 큰 문자/단어 간격을 사용합니다.

대답 사이트에 당신의 영상의 나머지 부분과 잘 통합하고 질문 사이의 관계를 만들고 무엇이든

즉시 명백한 .... 의미에 대한 실망 것들의

13

나는 가장 간단한 모델을 사용합니다. 각 질문은 단락 태그에 답과 함께 표제입니다. 명확하고 논리적이며 의미 상으로 제정신이 아닐 수 없습니다.

내가 언급 한 정의 목록 태그를 사용하지 않는 이유는 순수한 의미 론적 관점에서 질문과 답변이 순수한 용어와 정의의 틀에 부합하지 않는다고 생각하기 때문입니다.

+2

2007 년 24 가지 기사는 DL의 의미 론적 사용을 다룹니다. 이 특정 상황을 피하기 위해 관리하지만 여전히 관련성이 있습니다. http://24ways.org/2007/my-other-christmas-present-is-a-definition-list –

+0

흥미로운 읽기 및 흥미로운 사이트; 링크 주셔서 감사합니다. – Rob

+0

정의 목록을 사용할 때 심각한 문제가 발생할 수있는 최악의 상황은 무엇입니까? Google은 혼란스러워합니까/화면 독자가 혼란스러워합니까? 나는 완벽한 일치는 아니지만 더 나은 대안을 보지 못한다는 것을 알고 있습니다. –