html5의 전역 속성은 무엇입니까?-프런트엔드 Q&A-php.cn

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

青灯夜游

풀어 주다： 2021-12-29 11:41:28

원래의

2694명이 탐색했습니다.

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

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

이 튜토리얼의 운영 환경: 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. 제목 속성

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