HTML 주석 그리고 전역 속성

HTML 2021. 4. 20. 00:41

주석(Comment) 이란

실제 코드에는 반영되지 않는 코드, 내용을 메모하는 목적으로 사용

실제 화면에 내용이 표시되지 않는다

<!--주석 내용-->

단축키

주석 지정, 해제(Ctrl + /)

전역 속성

전체의 영역에서 모두 사용할 수 있는 속성

기본적으로 <body> 태그에서 사용하는 다양한 태그들의 전체 영역에서 언제든지 사용할 수 있다

<태그 title="정보나 설명"></태그>

title 속성

- 요소의 정보나 설명을 지정 (일종의 툴팁처럼 해당 내용이 화면에 출력된다)

<태그 style="스타일"></태그>

style 속성

- 요소에 적용할 스타일(css)을 지정

<태그 class="이름"></태그>

class 속성

- 요소를 지칭하는 이름 (중복이 가능하다)

- 해당 하는 요소를 CSS, JS에서 선택하여 제어하기 위해서 사용된다

<태그 id="이름"></태그>

id 속성

- 요소를 지칭하는 이름 (중복X , 고유해야 한다)

- 해당 하는 요소를 CSS, JS에서 선택하여 제어하기 위해서 사용된다

<태그 data-이름="데이터"></데이터>

<div data-study="maths">수학</div>
<div data-study="korean">국어</div>

data 속성

- 요소에 데이터를 지정

- 속성과 값이 저장되어 있는 해당 요소에 특정 데이터를 저장하는 용도

- 대부분 JS에서 사용된다

공부 정리 공부 정리