Language/HTML
모든 태그에 공통으로 사용 가능한 속성 종류 (글로벌 속성)
아-니지
2025. 2. 24. 15:40
태그에 공통으로 사용할 수 있는 태그는 무엇이 있을까?
글로벌 속성
--
글로벌 속성은
태그 종류에 상관없이 모든 태그에서 공통으로 사용할 수 있는 속성을 의미한다.
--
class 속성
--
요소에 클래스명을 지정할 때 사용하며
해당 클래스명은 CSS에서 클래스 선택자로 활용하고, 같은 클래스명은 여러 요소가 중복하여 가질 수 있다.
기본 형식
<p class="red-color"> . . . </p>
--
id 속성
--
요소에 아이디를 지정할 때 사용되며
아이디는 CSS에서 아이디 선택자로 활용하며, 중복된 값은 사용할 수 없다.
기본 형식
<h1 id="title"> . . . </h1>--
style 속성
--
CSS 코드를 인라인으로 작성할 때 사용된다.
--
title 속성
--
요소에 추가 정보를 넣을 때 사용된다.
(요소에 마우스를 올리면 툴팁으로 표시된다.)
툴팁은 추가 설명이 뜨는 말풍선 형태의 그래픽 요소다.
기본 형식
<p><span title="World Wide Web Consortium"> W3C </span>는 국제 웹 표준 개발 기구</p>--
lang 속성
--
해당 요소에 사용한 텍스트의 언어 코드를 지정할 때 사용되며
일반적으로 HTML 문서의 언어 코드는 "html태그"의 "lang 속성"에 작성된다.
기본 형식
<html lang="ko">--
data-* 속성
--
사용자 커스텀 속성을 만든다.
기본 형식
<p data-name="spiderMan" data-hero="true"> . . . </p>--