집 > 기사 > 웹 프론트엔드 > html5의 전역 속성은 무엇입니까?

html5의 전역 속성은 무엇입니까?

青灯夜游원래의: 2021-12-29 11:41:282649검색

html5 속성은 다음과 같습니다: 1. accesskey; 3. contenteditable; 6. dropzone; 8. lang;

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

로컬 속성: 일부 요소는 로컬 속성이라고 하는 자체 속성을 지정할 수 있습니다.

예를 들어 링크 요소에는 href, rel, hreflang, media, type 및 size라는 6가지 로컬 속성이 있습니다.

전역 속성: 모든 요소에 공통적인 동작을 구성하는 데 사용할 수 있습니다. 이 속성을 전역 속성이라고 하며 모든 요소에서 사용할 수 있습니다.

HTML5 전역 속성

1. Accesskey 속성

accesskey 속성을 사용하여 페이지에서 요소를 선택하기 위한 하나 이상의 단축키를 설정하세요.

2. 클래스 속성

클래스 속성은 요소를 분류하는 데 사용됩니다.

3. contenteditable 속성

contenteditable은 HTML5에 새로 추가된 속성으로, 사용자가 페이지의 콘텐츠를 수정할 수 있도록 하는 것이 목적입니다.

<body>    <!-- contenteditable属性应用 -->    <p contenteditable="true">设置为 true 是可编辑的</p></body>

위 예시와 같이 p 요소의 contenteditable 속성 값을 true로 설정하면 사용자가 텍스트를 클릭하여 콘텐츠를 편집할 수 있습니다. false로 설정하면 편집이 비활성화됩니다.

4.dir 속성

dir 속성은 요소의 텍스트 방향을 지정하는 데 사용됩니다. 유효한 값은 ltr(왼쪽에서 오른쪽으로), rtl(오른쪽에서 왼쪽으로)의 두 가지입니다.

   <!-- dir属性应用 -->    <p dir="ltr">从左到右</p>    <p dir="rtl">从右到左</p>

5. draggable 속성

draggable 속성은 HTML5가 드래그 앤 드롭 작업을 지원하는 방법 중 하나이며 요소를 드래그 앤 드롭할 수 있는지 여부를 나타내는 데 사용됩니다.

6. dropzone 속성

dropzone 속성은 HTML5가 드래그 앤 드롭 작업을 지원하는 방법 중 하나이며 draggable 속성과 함께 사용됩니다.

7.id 속성

id 속성은 요소에 고유한 식별자를 할당하는 데 사용됩니다. 이것은 말할 필요도 없습니다. 한 가지 주목할 점은 id 속성을 사용하여 문서의 특정 위치를 탐색할 수도 있다는 것입니다.

8.hidden은 부울 속성으로, 해당 요소가 현재 주의가 필요하지 않음을 나타냅니다. 브라우저는 해당 요소를 숨겨서 처리합니다. (표시를 제어하고 숨길 때 어렴풋이 기억합니다.) 숨겨진 클래스, 그 안에 숨겨진 스타일을 작성합니다.) 자세한 내용은 HTML5

<!-- hidden属性应用 --><div hidden>这个元素将会被隐藏</div>

9, lang attribute

의 숨겨진 속성을 소개하는 이 기사를 읽어보세요. lang 속성은 다음과 같습니다. 요소 콘텐츠에 사용된 언어를 설명하는 데 사용됩니다. lang 속성은 유효한 ISO 음성 코드를 사용해야 합니다. 이 속성을 사용하는 목적은 브라우저가 텍스트 리더를 사용할 때 올바른 발음과 같이 요소의 내용을 표현하는 방식을 조정하도록 하는 것입니다.

<!-- lang属性应用 --><p>Hello - how are you?</p>

10. 맞춤법 검사 속성

맞춤법 검사 속성은 브라우저가 요소의 콘텐츠에 대해 맞춤법 검사를 수행해야 하는지 여부를 나타내는 데 사용됩니다. 이 속성은 사용자가 편집할 수 있는 요소에 사용될 때만 의미가 있습니다. 맞춤법 검사 속성은 true와 false라는 두 가지 값을 허용합니다. 맞춤법 검사가 구현되는 방식은 브라우저마다 다릅니다.

<textarea name="" id="" cols="30" rows="10" spellcheck="true">This is some lalalala text</textarea>

11. 스타일 속성

스타일 속성은 요소에 CSS 스타일을 직접 정의하는 데 사용됩니다.

12. Tabindex 속성

HTML 페이지의 키보드 포커스는 Tab 키를 눌러 요소 간에 전환할 수 있습니다. 기본 전송 순서는 tabindex 속성을 사용하여 변경할 수 있습니다.

<form action="">    <label>Name: <input type="text" name="" id="" tabindex="2"></label>    <label>City: <input type="text" name="" id="" tabindex="-1"></label>    <label>Country: <input type="text" name="" id="" tabindex="1"></label>    <input type="submit" value="" tabindex="3"></form>

위 코드의 효과는 다음과 같습니다. Tab 키를 누르면 탭 인덱스 1이 있는 국가 입력 상자가 먼저 선택된 다음 이름 입력 상자로 포커스가 이동하고 마지막으로 제출됩니다. tabindex가 -1로 설정된 요소는 사용자가 Tab 키를 누른 후에 선택되지 않습니다.

13. 제목 속성

제목 속성은 일반적으로 도구 모음 팁을 표시하기 위해 이러한 속성을 사용합니다. 일부 불완전하게 표시되는 텍스트 제목에도 사용됩니다.

html5의 전역 속성은 무엇입니까?

HTML5 전역 속성

관련 기사