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>

--