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

HTML의 전역 속성은 무엇입니까

百草
百草원래의
2023-08-16 17:28:272151검색

html의 전역 속성은 모든 HTML 요소에 적용되는 속성을 나타내며 일반적인 기능과 동작을 제공하기 위해 모든 HTML 태그에 적용할 수 있습니다. 요소에 대해 클래스 이름, 고유 식별자, 스타일, 추가 정보 언어 및 사용자 정의를 정의할 수 있습니다. , 탭 순서, 단축키, 편집 가능성 및 드래그 가능성 등 이러한 전역 속성은 HTML을 더욱 유연하고 확장 가능하게 만들어 다양한 요구 사항과 응용 프로그램 시나리오를 충족시킵니다.

HTML의 전역 속성은 무엇입니까

이 튜토리얼의 운영 체제: Windows 10 시스템, Dell G3 컴퓨터.

HTML 전역 속성은 모든 HTML 요소에 적용되는 속성을 나타냅니다. 이러한 속성은 모든 HTML 태그에 적용되어 일반적인 기능과 동작을 제공할 수 있습니다. 전역 속성은 특정 태그에만 국한되지 않고 전체 HTML 문서에 적용됩니다. 일반적으로 사용되는 일부 HTML 전역 속성은 아래에서 자세히 소개됩니다.

class: 클래스 속성은 HTML 요소에 대해 하나 이상의 클래스 이름을 정의하는 데 사용됩니다. 클래스 이름은 CSS 스타일 선택기뿐만 아니라 JavaScript에서도 요소를 작동하고 액세스하는 데 사용할 수 있습니다. class 속성을 통해 동일한 스타일이나 동작을 다른 요소에 할당할 수 있습니다.

id: id 속성은 HTML 요소의 고유 식별자를 정의합니다. ID는 전역적으로 고유하며 HTML 문서의 각 요소는 서로 다른 ID를 가져야 합니다. id 속성을 통해 CSS 스타일의 특정 요소를 선택하고 JavaScript로 조작하고 접근할 수 있습니다.

style: 스타일 속성은 HTML 요소의 인라인 스타일을 정의하는 데 사용됩니다. style 속성을 통해 외부 CSS 파일이나 내부 스타일 시트를 사용하지 않고 HTML 태그에서 직접 요소의 스타일을 정의할 수 있습니다. 스타일 속성의 값은 CSS 속성과 값의 키-값 쌍 세트입니다.

title: title 속성은 HTML 요소에 추가 정보를 제공하는 데 사용됩니다. 사용자가 제목 속성이 있는 요소 위로 마우스를 가져가면 브라우저는 제목 속성 값을 도구 설명으로 표시합니다. 이는 요소에 대한 설명이나 추가 정보를 제공하는 데 유용합니다.

lang: lang 속성은 HTML 요소의 언어를 정의하는 데 사용됩니다. 적절한 언어 코드를 지정하면 화면 판독기와 번역 도구가 텍스트를 올바르게 이해하고 처리하도록 할 수 있습니다. 이는 국제화 및 다국어 웹사이트에 매우 중요합니다.

data-*: data-* 속성은 HTML 요소에 사용자 정의 데이터를 추가하는 데 사용됩니다. 이 사용자 정의 데이터는 JavaScript를 사용하여 조작하고 액세스할 수 있습니다. data-* 속성의 이름은 "data-"로 시작해야 하며 뒤에는 사용자 정의된 이름이 올 수 있습니다.

tabindex: tabindex 속성은 탭 키 순회 중에 HTML 요소의 순서를 정의하는 데 사용됩니다. 다른 tabindex 값을 설정하면 탭 키 순회 중에 요소의 포커스 순서를 조정할 수 있습니다. 이는 접근성이 높은 웹 페이지와 양식을 만드는 데 유용합니다.

accesskey: accesskey 속성은 HTML 요소에 대한 단축키를 정의하는 데 사용됩니다. accesskey 속성을 설정하면 사용자가 해당 단축키를 눌러 요소에 액세스할 수 있도록 키보드에 단축키를 할당할 수 있습니다. 이는 웹 페이지의 접근성과 유용성을 향상시키는 데 중요합니다.

contenteditable: contenteditable 속성은 HTML 요소가 편집 가능한지 여부를 지정하는 데 사용됩니다. contenteditable 속성을 "true"로 설정하면 사용자가 요소의 콘텐츠를 편집할 수 있습니다. 이는 편집 가능한 웹 페이지와 서식 있는 텍스트 편집기를 만드는 데 유용합니다.

draggable: draggable 속성은 HTML 요소가 드래그 가능한지 여부를 지정하는 데 사용됩니다. draggable 속성을 "true"로 설정하면 사용자가 요소를 드래그하여 일부 작업을 수행할 수 있습니다. 이는 드래그 앤 드롭 기능을 생성하거나 사용자 정의 드래그 동작을 구현하는 데 유용합니다.

요약하자면 HTML 전역 속성은 모든 HTML 요소에 적용되고 공통 기능과 동작을 제공하는 속성 집합입니다. 이러한 속성을 사용하여 요소에 대한 클래스 이름, 고유 식별자, 스타일, 추가 정보 언어, 사용자 정의 데이터, 탭 순서, 단축키, 편집 가능성 및 드래그 가능성 등을 정의할 수 있습니다. 이러한 전역 속성은 HTML을 더욱 유연하고 확장 가능하게 만들어 다양한 요구 사항과 응용 프로그램 시나리오를 충족시킵니다.

위 내용은 HTML의 전역 속성은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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