HTML5에서는 클래스 속성이 요소의 클래스 이름을 정의할 수 있습니다. 이는 스타일 시트(클래스 선택기)의 클래스를 가리키는 데 자주 사용되며, HTML의 클래스 이름을 수정하기 위해 JavaScript에서도 사용할 수도 있습니다. 요소를 선택하고 구문 형식 ""을 수정합니다. <element class="classname">
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.
HTML5 클래스 속성
클래스 속성은 요소의 클래스 이름을 정의합니다.
class 속성은 일반적으로 스타일시트의 클래스(예: CSS .class 선택기)를 가리키는 데 사용됩니다. 그러나 HTML 요소의 클래스 이름을 수정하기 위해 JavaScript에서(HTML DOM을 통해) 사용할 수도 있습니다.
Syntax
<element class="classname">
classname: 요소의 클래스 이름을 지정합니다. 요소에 대해 여러 클래스를 지정하려면 클래스 이름을 공백으로 구분하세요. HTML 요소에는 여러 클래스가 허용됩니다.
이름 규칙:
은 A-Z 또는 a-z 문자로 시작해야 합니다.
는 다음 문자일 수 있습니다: (A-Za-z), 숫자(0-9), 막대("-") 및 밑줄("_")
HTML에서 클래스 이름은 대소문자를 구분합니다
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.center
{
text-align:center;
}
</style>
</head>
<body>
<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
</body>
</html>Rendering:
[추천 튜토리얼: "html 비디오 튜토리얼"]
위 내용은 HTML5의 클래스 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
