10일차_HTML 전역 속성_20210715

HTML 전역 속성

 

태그의 기능을 확장해주는 속성들

title 속성

: <태그 title="설명"></태그>

: 요소의 정보나 설명을 지정

 

style 속성

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

: 요소에 적용할 스타일(CSS)을 지정

 

class 속성

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

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

class 를 나타내는 .을 css에서 찍어준다

id 속성

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

: 요소를 지칭하는 고유한 이름

id를 나타내는 #을 적어준다

data 속성

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

: 요소에 데이터를 지정

js를 이용해 콘솔에 데이터 출력

: HTML에 저장한 데이터를 js를 이용해 출력한다.

(html에서의 이름형식 fruit-name은 js에서는 fruitName 으로 해야 인식된다.)

<script defer src="./main.js"></script>

<!--defer 속성은 html 문서를 먼저 전체 확인하도록 해준다-->

: defer속성이 없으면 화면출력이 html문서를 다 읽지 않은 상태일 수 있음