HTML의 일반적인 전역 속성과 그 의미

HTML 속성은 요소에 의미와 맥락을 제공합니다.
아래 전역 속성은 모든 HTML5 요소에 사용할 수 있습니다.

HTML 5 전역 속성
NEW: HTML 5의 새로운 전역 속성. 속성 > ~ ~           요소의 클래스 이름을 지정합니다(스타일 시트에서 클래스를 지정하는 데 사용됨). DContenteditable은 사용자가 콘텐츠를 편집할 수 있도록 허용할지 여부를 규정합니다. MContextMenu는 요소의 컨텍스트를 지정합니다.素Dir은 요소 내용의 텍스트 방향을 지정합니다.
드래그 가능                                                                                                          >                                  요소를 드래그할 수 있도록 허용합니다.
드롭존                                                                                                                드래그한 항목/데이터를 요소에 드롭할 때 어떤 일이 발생하는지 지정합니다. 숨김 >  관련성이 없습니다. 숨겨진 요소는 표시되지 않습니다.的ID는 요소의 고유 ID를 지정합니다. ㅋㅋ ~
맞춤법 검사                                                                                                                                                                                                                요소의 철자법이나 문법을 검사해야 하는지 여부를 지정합니다.素Style은 요소의 선 스타일을 지정합니다. XTabindex는 요소의 탭 키 제어 순서를 지정합니다.有Title은 요소에 대한 추가 정보를 규정합니다.

다음은 일반적으로 사용되는 전역 속성입니다.


1. Accesskey 속성


accesskey 속성은 요소 활성화를 위한 단축키를 지정합니다. accesskey="accesskey", ALT+accesskey(shinft+alt+accesskey)를 사용하여 지정된 단축키로 요소에 액세스합니다.

<a href="http://www.baidu.com" accesskey="h">百度</a><br>  
<a herf="https://www.sogou.com" accesskey="c">搜狗</a>

단축키 alt+h를 길게 눌러 Baidu 웹페이지를 엽니다. 마찬가지로 단축키 alt+c를 길게 눌러 Sogou 웹페이지를 엽니다.

2. id 및 class 속성은 각각 고유한 ID와 클래스 이름으로 요소의 이름을 지정합니다.

3. Tabindex 속성

tabindex 속성은 탭 키 제어 순서(탭 키가 navigation에 사용될 때)와 탭 키를 눌렀을 때 요소가 포커스되는 순서를 지정합니다. tabindex="number", "number"는 포커스 순서를 나타냅니다.

<a href="http://www.baidu.com" tabindex="2">百度</a><br>  
  
<a href="https://www.sogou.com" tabindex="1">搜狗</a><br>  
  
<a href="http://www.sina.com.cn" tabindex="3">新浪</a><br><strong>  
</strong>

탭 키를 한 번 누르면 "소고우"에 포커스가 맞춰지고,

탭 키를 두 번째 누르면 포커스가 "바이두"에 맞춰지고,

同理，当按第三次tab键时，聚焦于"新浪"上，

4、hidden属性

hidden属性规定元素为隐藏，表示该元素不相关，为布尔值。

5、contenteditable属性

contenteditable属性规定元素内容是否可编辑的，"true"表示可编辑，"false"表示不能编辑。

<p contenteditable="true">这段文字可被编辑</p>  
<p contenteditable="false">这段文字不能被编辑</p>

当鼠标点击第一段文字时，有显示该段文字可编辑的提示，如图：

当鼠标点出第二段文字时，没有显示可编辑的提示，如图：

6、其它的全局属性，如：style、title、lang、spellcheck、translage、dir、draggable、dropzone等

위 내용은 HTML의 일반적인 전역 속성과 그 의미의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!