HTML에서 클래스는 무엇을 의미합니까?-프런트엔드 Q&A-php.cn

HTML에서 클래스는 무엇을 의미합니까?

醉折花枝作酒筹

풀어 주다： 2021-06-07 17:05:11

원래의

13295명이 탐색했습니다.

HTML에서 클래스는 요소의 클래스 이름을 지정하며 구문 형식은 ""입니다. 클래스 속성은 스타일 시트의 클래스를 가리키는 데 가장 자주 사용됩니다. 그러나 이를 사용하여 JavaScript를 통해 지정된 클래스로 HTML 요소를 변경할 수도 있습니다.

HTML에서 클래스는 무엇을 의미합니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

class 속성은 요소의 클래스 이름을 지정합니다.

클래스 속성은 스타일 시트에서 클래스를 가리키는 데 가장 자주 사용됩니다. 그러나 JavaScript를 통해 지정된 클래스로 HTML 요소를 변경하는 데에도 사용할 수 있습니다.

팁 및 참고 사항

참고: class 속성은 base, head, html, Meta, param, script, style 및 title과 같은 HTML 요소에는 사용할 수 없습니다.

팁: HTML 요소에 여러 클래스를 할당할 수 있습니다(예: ). 이를 통해 여러 CSS 클래스를 하나의 HTML 요소로 결합할 수 있습니다.

팁: 수업 이름은 숫자로 시작할 수 없습니다! Internet Explorer에서만 이 방법을 지원합니다.

Syntax

<element class="value">

로그인 후 복사

인스턴스:

<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:red;}
</style>
</head>

<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">请注意这个重要的段落。:)</p>
</body>

</html>

로그인 후 복사

효과:

HTML에서 클래스는 무엇을 의미합니까?

확장 정보:

id 속성

id 속성은 HTML 요소의 고유 ID를 지정합니다.

id는 HTML 문서 내에서 고유해야 합니다.

id 속성은 JavaScript(HTML DOM) 또는 CSS를 통해 지정된 ID를 가진 요소에 스타일을 변경하거나 추가하기 위한 링크 앵커로 사용할 수 있습니다.

HTML 4.01과 HTML5의 차이점

HTML5에서 id 속성은 모든 HTML 요소에 사용할 수 있습니다(모든 HTML 요소의 유효성을 검사하지만 반드시 유용한 것은 아닙니다).

HTML 4.01에서 id 속성은 ,

, , , , <script>, <style> 및&lt와 함께 사용할 수 없습니다. ;제목>. <p>참고: HTML 4.01에는 id 값에 대한 엄격한 제한이 있습니다(예: HTML 4.01에서 id 값은 숫자로 시작할 수 없습니다). <p><img src="https://img.php.cn/upload/image/511/905/822/1623056559819920.png" title="1623056559819920.png" alt="HTML에서 클래스는 무엇을 의미합니까?"/><p>추천 학습: <a href="https://www.php.cn/course/list/11.html" target="_blank">html 비디오 튜토리얼</script>

위 내용은 HTML에서 클래스는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!