전역 속성이란? (Web)

 

 

속성이란

 

href나 src, target등 html의 기능을 확장해주는 개념을 의미한다

그러나 기본적으로 요소들은 자신이 사용할 수 있는 속성이 정해져있다.

하지만 전역 속성이라 하는 것은 말 그대로 전체 영역에서 사용할 수 있는 속성이다

 

 

 

전역 속성

 

 

대표적으로 title이라는 속성이 있다!

<a href="https://naver.com" title="네이버로 이동">네이버</a>

 

이렇게 title을 지정해줄 수 있는데

이건 어떠한 역할을 하는지 한 번 봐보도록 하자

 

다들 한 번씩 만들어보면

title은 마우스 커서를 올렸을 때 뜨는 Text를 의미한다!

 

 

 

다음에는 class라는 속성이 있다

<a href="https://naver.com" class="naver">네이버</a>

 

이렇게 class를 지정해줄 수 있는데

이는 요소를 지칭하는 이름이며 중복이 가능한 이름이다

 

그렇다면 왜 이름을 부여해야할까?

 

그 이유는 나중에 배울 CSS에는 어떠한 요소를 선택하고

선택된 부분에만 우리가 원하는 스타일을 부여할 수 있기 때문에 지정을 해준다

 

지금은 이렇게 이름을 지정해줄 수 있고

전역 속성에 class라는 것이 있다는 것만 알아두자!

 

 

 

다음에는 id라는 속성이 있다

<a href="https://naver.com" id="naver">네이버</a>

 

이렇게 id를 지정해줄 수 있으며

이는 class와 마찬가지로 요소를 지칭하는 이름이다

 

그렇다면 class와 다른 점은 무엇일까?

class와 id의 차이점은 

class의 경우에는 중복이 가능하지만

id의 경우 중복이 되지 않는 고유한 이름을 나타낸다

 

 

 

 

다음에는 data라는 속성이 있다

<a href="https://naver.com" data-site="naver">네이버</a>

 

이렇게 data를 지정해줄 수 있으며

이는 요소의 데이터를 지정할 때 사용된다

 

이 부분은 아직 이해하기에 조금 어려운 부분이 있고

지금으로선 전역속성에 data라는 것이 있고

이는 추후에 우리가 사용할 javascript를 사용할 때 쓰인다 정도만

알고 있으면 될 것 같다!