[HTML] HTML 글로벌 어트리뷰트(HTML Global Attribute)가 뭐야? - HTML 파헤치기

 

  HTML에는 HTML의 모든 요소들이 공통으로 사용할 수 있는 어트리뷰트가 있습니다. 🤓 이를 글로벌 어트리뷰트(Global Attribute)라고 합니다. 예외적으로 몇몇 요소에는 적용되지 않을 수 있지만, 글로벌 어트리뷰트는 대부분의 모든 요소에 사용될수 있습니다.

 

 

 

  

  예시를 살펴볼까요? 녹색 글자들이 주로 사용되는 어트리뷰트입니다.

 

 

 

 

 

  대표적인 글로벌 어트리뷰트는 아래와 같습니다.

• id  유일한 식별자를 요소에 지정합니다. id 명이 중복일 수 없습니다.
• class  스타일 시트에 정의된 class를 요소에 지정할 때 주로 사용합니다. 중복으로 지정이 가능합니다.
• hidden  css의 hidden과 다르게 의미상으로도 브라우저에 노출하지 않게 됩니다.
• lang  지정된 요소의 언어를 지정합니다. 검색엔진의 크롤링 시 웹페이지의 언어를 인식할 수 있게 합니다.
• style  요소에 인라인(in-line) 스타일을 지정합니다.
• tabindex  사용자가 키보드로 페이지를 내비게이션 시 이동 순서를 지정합니다.
• title  요소에 관한 제목을 지정합니다.

 

 

 

 

 

📗Ref.

www.w3.org/TR/2010/WD-html-markup-20101019/global-attributes.html

poiemaweb.com/html5-syntax