so woon!

[속성] Class 및 ID 속성 본문

HTML/개념정리

[속성] Class 및 ID 속성

xowoony 2022. 9. 7. 22:28

학습일 : 2022. 09. 07

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>Class 및 ID 속성</title> 
    </head>
    <body>
        <div class="apple banana coconut" id="fruit">aaa</div>
        <!-- 위 DIV는 apple, banana, coconut이라는 클래스를 3개 가지고, fruit이라는 id를 가진다. -->


        <div class="apple coconut" id="fruit">bbb</div> 
        <!-- 아무일도 발생하지 않으나 id값을 서로 같은걸로 하면 안됨 class는 괜찮음 -->
        <!-- 위DIV는 apple, coconut이라는 클래스 2개를 가지지만 id가 중복되어 있다. -->
    </body>
</html>

============실행결과=============

저작자표시 비영리 변경금지

'HTML > 개념정리' 카테고리의 다른 글

명명법  (1) 2022.09.16
html 소스 코드 자동 정렬 단축키  (0) 2022.09.11
[속성] style 속성  (0) 2022.09.07
[속성] hidden 속성  (0) 2022.09.07
[속성] onclick 속성  (0) 2022.09.07
'HTML/개념정리' Related Articles more
Comments