Angular에서 속성 접두사 "x-" 및 "data-"는 어떻게 사용됩니까?JS
Angular는 처음이라 "x-"와 "data-" 접두사가 무엇을 의미하는지 이해하려고 합니다.디렉티브 매뉴얼(http://docs.angularjs.org/guide/directive)에는 이러한 프레픽스가 디렉티브를 만드는 것으로 기재되어 있습니다.HTML 검증기 준거"이게 정확히 무슨 뜻이죠?
HTML5 사양에서는 다음과 같은 데이터 앞에 임의의 속성을 추가할 수 있습니다.
<div data-myattribute=""></div>
이것은 유효하지 않은 HTML5 입니다.
<div myattrbute=""></div>
데이터 속성에 대한 자세한 내용은 여기를 참조하십시오.
"x-" 속성은 XHTML 검증에 고유한 "x:" 속성 및 요소를 의미한다고 생각합니다.
XHTML을 사용하는 경우 다음과 같이 네임스페이스를 사용하여 커스텀 속성을 정의할 수 있습니다(요점을 요약합니다).
<html xmlns:x="http://sample.com/mynamespace">
<body>
<div x:whatever=""></div>
<x:mytag></x:mytag>
</body>
</html>
여기서 xmlns의 URL은 유사한 요소 간의 충돌을 방지하기 위한 것입니다.또한 사용자 정의 요소 및 속성에 대한 DTD를 DOSCTYPE 선언의 일부로 검증 목적으로 제공할 수 있습니다.
*브라우저에서의 설정은 이 xmlns 접근법에 따라 달라집니다.
요약하면 다음과 같습니다.지난 3년간 출시된 대부분의 브라우저 또는 IE8+에서는 이러한 문제에 대해 걱정할 필요가 없습니다.아주 특정한 상황에서만 당신은 정말로 관심을 가질 것이다.
HTML5 사양에서 http://www.w3.org/html/wg/drafts/html/master/single-page.html 를 참조해 주세요.
"x-"로 시작하는 두 개의 문자 "x-"로 시작하는 속성 이름은 사용자 에이전트용으로 예약되어 있으며 HTML 언어에 정식으로 추가되는 일은 없습니다.
기타:
HTML 구문과 함께 사용하는 마크업 레벨 기능의 경우 확장자는 " 형식의 새로운 속성으로 제한해야 합니다.
x-vendor-feature여기서 vendor는 확장을 담당하는 벤더를 식별하는 짧은 문자열입니다.feature는 기능의 이름입니다.새 요소 이름을 생성해서는 안 됩니다.이러한 확장의 Atribute를 사용하면 여러 벤더의 확장 기능을 동일한 요소 상에 공존시킬 수 있습니다.이것은 요소와는 공존할 수 없습니다.「」의 사용 방법x-vendor-feature「폼을 사용하면, 장래의 사양 추가와 경합하는 일 없이, 확장을 실시할 수 있습니다.
언급URL : https://stackoverflow.com/questions/15256396/how-are-the-attribute-prefixes-x-and-data-used-in-angularjs
'programing' 카테고리의 다른 글
| 서브 도메인에 대한 AJAX 콜은 사이트 간 스크립팅으로 간주됩니까? (0) | 2023.03.18 |
|---|---|
| jascript에서 json 키와 값을 얻는 방법은 무엇입니까? (0) | 2023.03.18 |
| jquery를 사용하여 각 입력 값을 사용하여 동적으로 JSON 생성 (0) | 2023.03.18 |
| Internet Explorer에서 Simple jQuery Ajax 호출로 메모리 누수가 발생함 (0) | 2023.03.13 |
| 핫 새로고침 시 프로세스가 정의되지 않음 (0) | 2023.03.13 |