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

html 전역 속성에는 클래스, ID, 스타일, 제목, 언어, 액세스 키, tabindex, 숨김, 드래그 가능, 편집 가능 등이 포함됩니다. 이러한 속성은 모든 HTML 요소에 적용될 수 있습니다. 전역 속성은 인라인이든 태그 속성이든 모든 HTML 요소에서 사용할 수 있는 속성입니다.

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

HTML에는 모든 HTML 요소에 적용할 수 있는 다양한 전역 속성이 있습니다. 전역 속성은 인라인이든 태그 속성이든 모든 HTML 요소에서 사용할 수 있는 속성입니다.

다음은 몇 가지 일반적인 HTML 전역 속성입니다.

1. 클래스: 요소에 대해 하나 이상의 클래스 이름을 지정하는 데 사용됩니다. 클래스 이름은 CSS에서 요소를 선택하고 스타일을 지정하는 데 사용할 수 있습니다.

<div>
  <p>这是一个段落。</p>
</div>

2. id: 요소의 고유 식별자를 지정합니다. 일반적으로 JavaScript의 DOM 조작이나 CSS의 선택기에 사용됩니다.

<div id="header">
  <1>这是标题</h1>
</div>

3. 스타일: 메타에 대한 인라인 스타일을 지정합니다. CSS 속성을 통해 요소의 스타일을 지정합니다.

<p style="color: red; font-size: 16px;">这是一个红色的段落，字体大小为16像素。</p>

4. 제목: 요소에 대한 추가 정보를 제공합니다. 제목 속성의 값은 요소 위에 마우스를 올리면 표시됩니다.

<a href="https://www.example.com" title="访问示例网站">点击这里</a>

5. lang: 요소의 콘텐츠 언어를 지정합니다. 이는 화면 판독기 및 다국어 페이지에 유용합니다.

<p>这是英文文本。</p>
<p>这是中文文本。</p>

6. accesskey: 요소에 키보드 단축키를 할당합니다. 지정된 키보드 단축키를 누르면 이 요소에 빠르게 액세스할 수 있습니다.

<button accesskey="s">保存</button>

7. tabindex: Tab 키로 이동할 때 요소의 순서를 지정합니다. Tab 키를 사용하여 다양한 요소 사이를 탐색할 수 있습니다.

<input type="text" tabindex="1">
<input type="text" tabindex="2">
<input type="text" tabindex="3">

8. 숨겨진: 숨겨진 요소. 숨겨진 요소는 페이지에 표시되지 않지만 DOM에는 계속 존재합니다.

<p hidden>这个段落被隐藏了。</p>

9. draggable: 요소를 드래그할 수 있는지 여부를 지정합니다. 일반적으로 JavaScript 끌어서 놓기 작업에 사용됩니다.

<img src="image.jpg" draggable="true">

10.editable: 사용자가 메타 콘텐츠를 편집할 수 있는지 여부를 지정합니다. 편집 가능한 텍스트 영역이나 서식 있는 텍스트 편집기를 만드는 데 사용됩니다.

<div contenteditable="true">
  这个内容可以被编辑。
</div>

이것은 HTML 전역 속성의 일부일 뿐이며 다양한 시나리오에서 사용할 수 있는 유용한 전역 속성이 많이 있습니다. 전역 속성은 개발자에게 더 많은 유연성과 기능을 제공하므로 필요에 따라 HTML 요소를 사용자 정의하고 조작할 수 있습니다.

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