>웹 프론트엔드 >H5 튜토리얼 >HTML5 연구 노트 간결 버전(8): 새로운 전역 속성

HTML5 연구 노트 간결 버전(8): 새로운 전역 속성

黄舟
黄舟원래의
2017-01-21 17:04:281662검색

contenteditable 속성

어떤 요소라도 contenteditable 속성을 사용하는 경우 해당 요소가 편집 가능한 영역이라는 의미입니다. 사용자는 요소의 내용과 작업 태그를 변경할 수 있습니다. 예:

<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

이 속성에는 true, false 및 null 문자의 세 가지 선택 값이 있습니다. null 문자는 true를 나타냅니다.

65db2722f76ee209fa1b3db0888ed3be065276f04003e4622c4fe6b64f465b88 프레임 페이지는 JS 프로그램 코드: editor.document.designMode="on"을 통해 구현할 수 있습니다.

contextmenu 속성

contextmenu 속성은 작성자가 제공한 컨텍스트 디렉터리를 가리키는 데 사용됩니다. 예:

<form name="npc" action="">
 <label>Character name: <input type=text contextmenu=namemenu  required></label>
 <menu type=context id=namemenu>
  <command label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()">
  <command label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)">
 </menu>
</form>

data-* 속성

개발자는 접두사로 data-를 붙이는 한 모든 요소에 대해 원하는 속성을 정의할 수 있습니다. 향후 HTML 버전의 경우 충돌이 발생하면 asp.net MVC에서 jQuery 유효성 검사는 data-val="true"와 같은 방법을 사용합니다.

draggable 및 dropzone 속성

draggable 및 dropzone 속성은 새로운 드래그 앤 드롭 API와 함께 사용할 수 있습니다. Draggable은 드래그 앤 드롭이 허용되는지 여부를 나타내고, dropzone은 드래그 앤 드롭이 있는 영역을 나타냅니다. 허용될 수 있습니다.

<p draggable="true" dropzone="div1">test</p>

hidden attribute

hidden 속성이 정의된 요소를 표시하지 않습니다. 그러나 탭 전환 히든 레이어와 같은 프리젠테이션 레이어와 달리 숨겨진 요소는 스크린 리더와 같은 모든 디스플레이를 대상으로 합니다. 양식의 숨겨진 필드와 유사합니다.

역할 및 aria-* 속성

HTML5는 보조 목적을 위한 법률 언어로 WAI-ARIA를 추가합니다.

맞춤법 검사 속성

맞춤법 검사 속성은 요소 콘텐츠에 대해 맞춤법 검사를 수행할지 여부를 지정합니다. 예:

<p contenteditable="true" spellcheck="true">这是可编辑的段落。请试着编辑文本。</p>

以上就是HTML5学习笔记简明版(8):新增的全局属性的内容,更多相关内容请关注PHP中文网(www.php.cn)!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.