2013-03-13 3 views
1

HTML5에 올바른 맞춤 태그/요소를 만드는 방법은 무엇입니까?HTML5 유효한 맞춤 태그/요소 요소

예 1

<customTag attr1="val" attr2="val"> 
</customTag> 

예 2

<my:customTag attr1="val" attr2="val"> 
</my:customTag> 
<!-- attention to the COLON separator --> 

감사합니다.

+0

내 경험에 따르면 첫 번째 예입니다. –

답변

0

직접 만든 요소를 ​​사용하는 것이 유효한 HTML이 아닙니다. W3C spec에서

:

저자는 요소, 속성을 사용하거나 그렇게하는 것이 훨씬 더 열심히 언어를 확장 할 수 있도록합니다,이 규격 또는 기타 해당 규격에서 허용하지 않는 속성 값을 안 미래에.

+1

아,하지만 맞춤 요소는 허용됩니다. 상당히 굳어진다 https://dvcs.w3.org/hg/webcomponents/raw-file/tip/explainer/index.html#custom-element-section – albert

+0

@albert''를 넣을 수는 없다. 귀하의 HTML에. 이것은 ''요소로 정의 된 후에'is = "madeupelement"와 같은 요소에 추가하는 새로운 속성입니다. – ThinkingStiff

+0

젠장 ... 잘 잡으세요. xtags는 당신을 보자,하지만 웹 컴포넌트 API로 만들지 않았다. 아마 당신이 처음 게시 한 대답의 이유 때문일 것이다. 내 잘못이야. – albert

0

맞춤 요소는 실제 W3 DOM API이며 곧 유효성을 검사합니다. 솔직히 그런 경우 유효성 검사에 대해 걱정할 필요는 없습니다. 맞춤 요소에 대한 사양은 현재 야간 빌드에서 Firefox 및 Chrome에서 모두 적극적으로 구현되고 있습니다.

태그 이름에 콜론이 필요하지 않으며 XML 네임 스페이스가 아닙니다. 그러나, 태그는 사양에 따라 사용자 지정 요소 이름 어딘가에 대시를 가질 필요가 : https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/custom/index.html

0

W3C Custom Element spec는 사용자 정의 태그를 정의 할 수 있습니다,라고, 그리고 유일한 요구 사항은 그것이 하이픈,하지가 포함되어 있습니다 콜론.