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>

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