전역 속성
; HTML에서, 모든 요소에 적용할 수 있는 속성
title="설명" ; 요소의 정보나 설명을 지정
style="스타일" ; 요소에 적용할 스타일을 지정
class="이름" ; 요소를 지칭하는, 중복 가능한 이름
id="이름" ; 요소를 지칭하는, 고유한 이름. 자주 사용 x
data-이름="데이터" ; 요소에 데이터를 지정, 보통 js에서 사용
ex) <div data-fruit-name="apple">사과></div>
<div data-fruit-name="banana">바나나</div>
js) const els=document.querySelectorAll('div') ;
els.forEach(el=>{
console.log(el.dataset.fruitName)
}
'WebProgramming > HTML' 카테고리의 다른 글
[HTML] HTML 작성 가이드라인 & 팁 (0) | 2022.06.02 |
---|---|
HTML 문서에서 입력(form,input) (0) | 2022.05.05 |
HTML 글자/단락 태그 + CSS (0) | 2022.05.05 |
HTML 기본 문법 정리 (0) | 2022.04.25 |
전역 속성
; HTML에서, 모든 요소에 적용할 수 있는 속성
title="설명" ; 요소의 정보나 설명을 지정
style="스타일" ; 요소에 적용할 스타일을 지정
class="이름" ; 요소를 지칭하는, 중복 가능한 이름
id="이름" ; 요소를 지칭하는, 고유한 이름. 자주 사용 x
data-이름="데이터" ; 요소에 데이터를 지정, 보통 js에서 사용
ex) <div data-fruit-name="apple">사과></div>
<div data-fruit-name="banana">바나나</div>
js) const els=document.querySelectorAll('div') ;
els.forEach(el=>{
console.log(el.dataset.fruitName)
}
'WebProgramming > HTML' 카테고리의 다른 글
[HTML] HTML 작성 가이드라인 & 팁 (0) | 2022.06.02 |
---|---|
HTML 문서에서 입력(form,input) (0) | 2022.05.05 |
HTML 글자/단락 태그 + CSS (0) | 2022.05.05 |
HTML 기본 문법 정리 (0) | 2022.04.25 |