[HTML] 2. 의미론적인 웹

<html>
    <head>
            <meta charset = "utf-8" />
            <title> 생활코딩</title>
    </head>
    <body>
        <h1>JavaScript란?</h1>
        <ol>
            <li>JavaScript란?</li>
            <li>변수와 상수</li>
            <li>연산자</li>
        </ol>
        <h2>변수와 상수</h2>
        변수란
        <ul> 
            <li> 변하는 값 </li>
            <li> x=10일 때 왼쪽항 </li>
        </ul>
    </body>
</html>

자, 이 코드를 돌리면

요롷게 잘 나온다. 이렇게 짜도 되지만! 우리는 1,2,3이 메뉴라는 것을 이해시키기 위해, 기능은 없지만 이 태그 안에 있는 콘텐츠가 웹사이트를 탐색하는 navigation임을 알려주는 <nav> 태그를 사용할 수 있다.

또한 JavaScript가 웹사이트 전체를 설명하는 header의 역할을 한다는 것을 알려주는 <header> 태그도 있다.

본문임을 알려주는 태그는 <article>이다.

<html>
    <head>
            <meta charset = "utf-8" />
            <title> 생활코딩</title>
    </head>
    <body>
    	<header>
          <h1>JavaScript란?</h1>
        </header>
        
        <nav>
            <ol>
                <li>JavaScript란?</li>
                <li>변수와 상수</li>
                <li>연산자</li>
            </ol>
        </nav>

        <article>
            <h2>변수와 상수</h2>
            변수란
            <ul> 
                <li> 변하는 값 </li>
                <li> x=10일 때 왼쪽항 </li>
            </ul>
        </article>
    </body>
</html>

요로코롬!

'𝓡𝓸𝓸𝓶3:𝐹𝓇𝑜𝓃𝓉𝑒𝓃𝒹 > 𝓡𝟥𝟢𝟣:𝐻𝒯𝑀𝐿&𝒞𝒮𝒮' 카테고리의 다른 글

[CSS] 1. 기본문법 (0)	2021.01.02
[HTML] 1. HTML 기본 문법 (0)	2020.12.31

𝒪𝒹𝑒𝓃𝑔'𝓈 𝒮𝓉𝓊𝒹𝓎𝑅𝑜𝑜𝓂

[HTML] 2. 의미론적인 웹

'𝓡𝓸𝓸𝓶3:𝐹𝓇𝑜𝓃𝓉𝑒𝓃𝒹 > 𝓡𝟥𝟢𝟣:𝐻𝒯𝑀𝐿&𝒞𝒮𝒮' 카테고리의 다른 글

티스토리툴바

[HTML] 2. 의미론적인 웹

'𝓡𝓸𝓸𝓶3:𝐹𝓇𝑜𝓃𝓉𝑒𝓃𝒹 > 𝓡𝟥𝟢𝟣:𝐻𝒯𝑀𝐿&𝒞𝒮𝒮' 카테고리의 다른 글

'𝓡𝓸𝓸𝓶3:𝐹𝓇𝑜𝓃𝓉𝑒𝓃𝒹/𝓡𝟥𝟢𝟣:𝐻𝒯𝑀𝐿&𝒞𝒮𝒮' Related Articles

티스토리툴바