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

HTML 전역 속성은 모든 HTML 요소에 적용되는 속성이며 모든 HTML 태그에서 사용할 수 있습니다. 이러한 전역 속성은 HTML 요소의 기능과 스타일을 향상시키는 공통 속성을 제공하기 위한 것입니다. 아래에서는 일반적으로 사용되는 HTML 전역 속성을 소개하고 해당 코드 예제를 첨부합니다.

1. class (클래스)
   class 속성은 요소의 스타일을 정의하기 위해 하나 이상의 클래스 이름을 지정하는 데 사용됩니다. 여러 클래스 이름은 공백으로 구분할 수 있습니다. 스타일 시트와 JavaScript 코드는 클래스 이름을 기반으로 특정 요소를 선택할 수 있습니다.

class（类）
class属性用于指定一个或多个类名，以便为元素定义样式。可以使用空格将多个类名分开。样式表和JavaScript代码可以根据类名选择特定的元素。

代码示例：

<div class="container">
    <p class="red">这是一个红色的段落。</p>
</div>

在上面的例子中，class="container"定义了一个带有类名container的div元素，而class="red"则定义了一个带有类名red的p元素。

2. id（标识）
   id属性用于给元素定义唯一的标识符，以便通过JavaScript或CSS选择特定的元素。每个页面上的元素id必须是唯一的。

代码示例：

<h1 id="title">这是页面的标题</h1>

在上面的例子中，id="title"定义了一个唯一标识符为title的h1元素。

3. style（样式）
   style属性用于为元素直接定义行内样式，可以设置元素的颜色、字体、背景等样式。

代码示例：

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

在上面的例子中，style属性定义了一个红色字体和16像素字体大小的p元素。

4. title（标题）
   title属性用于为元素提供额外的信息，当鼠标悬停在元素上时，该信息会以工具提示的形式显示出来。通常用于提供元素的补充说明。

代码示例：

<a href="https://www.example.com" title="点击跳转到示例网站">示例网站</a>

在上面的例子中，当鼠标悬停在<a></a>元素上时，将以工具提示的形式显示出"点击跳转到示例网站"。

以上仅是HTML全局属性的一些常见用法和示例，还有其他一些全局属性，如lang、hidden、draggable코드 예:

rrreee🎜위 예에서 class="container"는 클래스 이름 code>div컨테이너를 정의합니다. /code> 요소, class="red"는 클래스 이름이 red인 p 요소를 정의합니다. 🎜

🎜id(식별)
id 속성은 요소의 고유 식별자를 정의하는 데 사용되며 JavaScript를 통해 특정 선택이 가능합니다. 또는 CSS 요소. id 요소는 각 페이지에서 고유해야 합니다.

🎜코드 예: 🎜rrreee🎜위 예에서 id="title"는 title code>h1의 고유 식별자를 정의합니다. 코드> 요소. 🎜

🎜style (style)
style 속성은 요소의 인라인 스타일을 직접 정의하는 데 사용됩니다. 색상, 글꼴을 설정할 수 있습니다. , 배경 및 기타 스타일.

🎜코드 예: 🎜rrreee🎜위 예에서 style 속성은 빨간색 글꼴과 글꼴 크기가 있는 p 요소를 정의합니다. 16픽셀 . 🎜

🎜제목 (제목)
제목 속성은 마우스를 요소 위로 가져갈 때 요소에 추가 정보를 제공하는 데 사용됩니다. 정보는 도구 설명으로 표시됩니다. 일반적으로 요소에 대한 추가 설명을 제공하는 데 사용됩니다.

🎜코드 예: 🎜rrreee🎜위 예에서 <a></a> 요소 위에 마우스를 올리면 " 샘플 사이트로 이동하려면 클릭하세요." . 🎜🎜위는 HTML 전역 속성의 몇 가지 일반적인 용도와 예일 뿐입니다. lang, hidden, draggable과 같은 다른 전역 속성도 있습니다. > 등, 각각은 고유한 특정 목적을 가지고 있습니다. 전역 속성은 웹 페이지를 개발하고 사용자 정의하는 데 있어 더 많은 유연성과 기능을 제공합니다. 이러한 속성을 적절하게 사용하면 페이지 콘텐츠를 더 잘 제어하고 표시할 수 있습니다. 🎜

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