HTML & CSS

semantic 태그

hojncode 2022. 11. 8. 19:41

문서를 보기만 해도 그 의미를 짐작할 수 있는 태그 작성법.

 

<div>태그만 사용하지 말고 , 작성 의도에 맞는 태그로 사용하자.

<body>
    <header>
        <h1>semantic tag?</h1>
    </header>
    <main>
        <form>
            <input>
            <p>문단</p>
            <span>짧은 텍스트</span>
            <div>박스 : 기본적으로 상하로 배치 시킨다.</div>
            <div>코드를 개발자가 알아보기 쉽도록 semantic 태그로 작성하자</div>
        </form>
    </main>
    <footer>
        &copy; html & css 공부하기
    </footer>
</body>

 

 

 

'HTML & CSS' 카테고리의 다른 글

position 요약  (0) 2022.11.14
block , inline  (0) 2022.11.09
a , link 차이점  (0) 2022.11.07
margin : a, b , c (3가지 값이 들어갈 경우)  (0) 2022.11.07
html 의 head / body , a 태그  (0) 2022.11.07