HTML 속성(Attribute)의 역할과 활용법

✅ 속성(Attribute)

태그를 개발한 웹 개발자들은 종종 태그 이름만으로는 원하는 정보를 충분히 표현하기 어렵다는 사실을 깨달았습니다. 이러한 고민 끝에 "속성(Attribute)"이라는 새로운 요소를 도입하게 되었습니다. 속성은 태그의 이름만으로는 부족한 정보를 제공하고, 태그의 표현력을 더욱 풍부하게 만들어줍니다.

---

속성 이름은 항상 소문자로 작성하는 것이 좋습니다. HTML5 표준에서는 대소문자를 엄격하게 구분하지 않지만, W3C에서는 속성 이름을 소문자로 작성하는 것을 권장하고 있습니다. 또한, XHTML에서는 속성 이름을 엄격하게 소문자로만 작성해야 합니다.

---

속성값은 항상 따옴표로 감싸는 것이 좋습니다. HTML5 표준에서는 속성값에 따옴표를 강제하지 않지만, 따옴표를 사용하지 않으면 예상치 못한 오류가 발생할 수 있으므로 항상 따옴표를 사용하는 것이 안전합니다.

 

✅ 속성 예시

💡 img 태그

예를 들어, "img" 태그는 "src"라는 속성을 통해 이미지를 불러올 수 있게 됩니다. 이렇게 함으로써 웹페이지에 이미지를 삽입하거나 표시할 때 더 다양한 가능성을 열게 되었습니다.

---

더불어, 저작권에 구속받지 않고 자유롭게 사용할 수 있는 이미지를 찾고 싶다면 "public domain image"와 같은 검색어로 온라인에서 여러 이미지 서비스를 찾아볼 수 있습니다. 이런 이미지 서비스를 활용하면 웹페이지나 다른 프로젝트에서 원하는 이미지를 쉽게 활용할 수 있습니다.

public domain image