2010-05-21 4 views
4

글쎄, 나는 의미 정보를 넣어 계속에 대한 요소가 논리적으로 class 속성에 페이지을 무엇을 의미하는지의미 정보 html은 어디에 보관합니까?

<li class="phone-number">555-5555</li> 
의미 정보 및 스타일을하는 방법에 대한 포인터를 매달려의 이중 목적을 위해 작동하는 것 같다

그것.

이것이 최선의 방법인지 잘 모르겠습니다. 다른 사람들이 다른 방법을 사용하는지 확인하려고합니다. 나는

li.find('.semantics').val() 

를 사용하여 요소에 대한 추가 정보를 검색 할 수 있습니다 jQuery로 그래서에서 요소의 의미를 얻으려면, 요소 내부

<li>555-5555 <input class="semantics" type="hidden" value="phone-number" /></li> 

:

은 또한 숨겨진 입력을 사용하기 시작 자바 스크립트

답변

3

나는 내 시맨틱 스를 매뉴얼과 예제로 microformats.org에 걸어 놓았다. 스타일링은 HTML 요소에 여러 클래스를 사용할 수 있습니다. jQuery에서는 첫 번째 예제로 $('.phone-number').html()을 사용할 수 있습니다.

+0

나는 마이크로 포맷이 html로 의미를 유지하는 표준이 될 것이라고 생각한다. –

2
  1. 어느 쪽이든 당신은 사용자 정의 DTD
  2. 또는 HTML 5와 data-attribute (3.2.1 의미)
  • 또는 HTML을 XML을 시도하고 프레젠테이션 예를 XSLT 사용
  • +1

    데이터 속성 설정이 멋지다! – Pointy

    +0

    정말 당신이 XSLT 경로가 다른 개발자의 유지 관리를 고려할 때 좋은 선택이라고 생각하십니까? (새로운 요구 사항 : XSLT를 알아야합니까?) 커스텀 DTD의 번거 로움과 보완 문제가 전혀 없습니다. – bobobobo

    0

    의미 자체에 의존 할 것입니다 ... ID 및 클래스는 일반적으로이 목적으로 충분합니다.

    그러나이 목적으로 숨겨진 필드와 같은 마크 업을 추가하는 것은 나에게 끔찍한 생각처럼 들립니다.

    아마도 실제 필요 사항을 공유했다면 더 나은 방법을 공유 할 수 있습니다.

    +0

    다른 방법은 무엇입니까? – bobobobo