[HTML/CSS] 📚 전역 속성

📋 기억하고 싶은 내용

📌 title

• title 전역 속성 값은 pre 요소처럼 작동하기 때문에 작성 시 유의해야 한다.
• 자식 요소의 title 전역 속성 값이 없다면 부모 요소의 title 전역 속성 값을 상속 받는다.

📌 lang

• html 요소의 lang 속성을 명시해 웹 페이지가 어떤 언어로 작성되어 있는지 빠르게 분석할 수 있다.
• 일부에 다른 언어가 있다면 해당 요소에 lang 속성을 부분적으로 적용할 수 있다.

📌 draggable

• 자바스크립트와 접목시키면 해당 요소를 드래그해서 다른 위치로 이동시키는 동작을 만들 수 있다.

📌 hidden

• hidden 속성을 사용하면 해당 요소를 시각적으로 보이지 않게 만들 수 있지만, 개발자 도구 상에서는 확인할 수 있다.
• 보안과 관련 되어 있다면 hidden 속성을 사용하지 않고, 자바스크립트로 제어하는 것이 좋다.
• display: flex를 지정한 요소는 hidden 속성을 적용했더라도 화면에 보이게 된다.

🌝 수강한 소감 & 떠오르는 생각

• lang 속성은 단순히 html 요소 안에서만 사용하는 것인줄 알았는데, 다른 요소 안에서도 사용 가능하구나!
• 어플리케이션에서 드래그 이벤트를 어떻게 만드는지 궁금했는데, draggable 전역 속성을 사용해 만드는 것이었구나. 개인 프로젝트에서 직접 구현해보고 싶다.

🔗 참고 래퍼런스

• id - MDN
• class - MDN
• style - MDN
• title - MDN
• lang - MDN
• 데이터 속성 사용하기 - MDN
• draggable - MDN
• hidden - MDN