>  기사  >  웹 프론트엔드  >  HTML 전역 속성을 이해하세요. 전역 속성이 아닌 것은 무엇인가요?

HTML 전역 속성을 이해하세요. 전역 속성이 아닌 것은 무엇인가요?

PHPz
PHPz원래의
2024-02-21 13:30:06510검색

HTML 전역 속성을 이해하세요. 전역 속성이 아닌 것은 무엇인가요?

HTML 전역 속성을 이해하세요. 전역 속성이 아닌 것은 무엇인가요?

HTML 전역 속성은 모든 HTML 요소에 적용되며 보편적이고 다재다능한 속성입니다. 이는 요소에 대한 공통 제어 및 조정을 제공하며 HTML 문서 전체에서 사용할 수 있습니다. 그러나 모든 속성이 전역 속성은 아니며 이 문서에서는 전역 속성이 아닌 몇 가지 공통 속성을 소개합니다.

  1. id 속성: id 속성은 HTML 요소에 대한 고유 식별자를 제공하는 데 사용됩니다. 일반적으로 JavaScript 및 CSS에서 조작 또는 스타일 조정을 위해 특정 HTML 요소를 선택하는 선택기로 사용됩니다. id 속성은 단일 요소에만 적용되고 여러 요소에 적용할 수 없으므로 전역 속성이 아닙니다.
  2. class 속성: class 속성은 HTML 요소에 대해 하나 이상의 클래스 이름을 지정하는 데 사용됩니다. id 속성과 유사하며 HTML 요소를 선택, 조작 및 스타일 지정하는 데 사용되지만 여러 요소에 적용될 수 있습니다. 클래스 이름은 관련 HTML 요소 그룹을 선택하고 해당 요소에 동일하거나 유사한 스타일을 적용하는 데 자주 사용됩니다. 클래스 속성은 특정 요소 집합에만 영향을 미치므로 전역 속성이 아닙니다.
  3. style 속성: style 속성은 HTML 요소에서 직접 인라인 스타일을 지정하는 데 사용됩니다. 색상, 글꼴 크기, 테두리 등과 같은 요소에 대한 특정 스타일 규칙을 지정할 수 있습니다. style 속성은 스타일 우선순위가 더 높지만 단일 요소에만 적용되며 모든 요소에 적용할 수는 없습니다. 따라서 스타일 속성은 전역 속성이 아닙니다.
  4. data- 속성: data- 속성은 요소와 관련된 사용자 정의 데이터를 저장하는 데 사용되는 HTML5의 새로운 사용자 정의 데이터 속성입니다. HTML 요소에 사용자 정의 속성을 생성하고 여기에 사용자 정의 값을 할당할 수 있습니다. 이 사용자 정의 데이터는 JavaScript 또는 CSS를 통해 액세스하고 조작할 수 있습니다. data-* 속성은 개발자가 필요에 따라 사용자 정의하고 보편적으로 적용할 수 없기 때문에 전역 속성이 아닙니다.

위에서 언급한 전역 속성이 아닌 공통 속성 외에도 전역 속성이 아닌 특정 요소와 관련된 일부 속성도 있습니다. 예를 들어, src 속성은 사진, 오디오 또는 비디오와 같은 미디어 요소의 소스 파일을 지정하는 데 사용되며, href 속성은 링크 요소의 대상 URL 주소를 지정하는 데 사용됩니다. 양식 요소 등 이러한 속성은 특정 HTML 요소를 통해서만 의미와 효과를 가지므로 전역 속성이 아닙니다.

요약하자면 HTML 전역 속성은 모든 HTML 요소에 적용되며 보편적이고 다재다능한 속성입니다. id 속성, class 속성, style 속성, data-* 속성 등은 전역 속성이 아니며 특정 요소의 식별, 스타일 및 사용자 정의 데이터에 사용되는 속성입니다. 이러한 다양한 유형의 속성을 이해하고 구별하면 HTML 마크업 언어를 더 잘 이해하고 적용하는 데 도움이 됩니다.

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

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