사용자 정의 HTML 요소 호환성

Question

사용자 정의 HTML 요소를 정의하여 HTML의 특정 블록을 선언하려고합니다. 이 블록들은 jquery에 의해 발견 될 수 있습니다. 예를 들어 :

<gcms-block id="1"> 
     ... 
    </gcms-block> 
    <script> 
     $(document).ready(function() { 
      $("gcms-block[id='1']").html("new content"); 
     }); 
    </script> 

gcms-block는 만 얻거나 블록의 내용을 설정하기위한 JQuery와 방법에 의해 사용 (내가 요소에 그런 스타일 또는 뭔가를 적용하지 않음)입니다. 내가 사용하는 CMS의 한계로 인해 나는 <div> 요소에 ID를 추가하고이를 사용하여 블록을 가져올 수 없습니다.

그래서이 방법은 여러 브라우저와 호환되는 경우 내 질문은 무엇입니까? 그리고 그렇지 않다면 이것을하는 더 좋은 방법은 무엇입니까?

Answer 1

브라우저가 사용자 지정 요소를 지원하지만 사용자가이를 닫고 가장 좋은 방법으로 간주되지 않으면 브라우저가 "표준"을 위반하게됩니다.

CMS의 제한 사항으로 인해 제한을받는 경우에는 그럴 수 없습니다.

지원되지 않는 요소를 사용하는 경로를 이동하려는 경우 특수 문자를 제외하고 정의 된 html 요소처럼 형식을 유지하여 가능한 한 표준 요소에 최대한 가까이 배치 할 수 있습니다.