ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 2. article, section, 특수문자
    공부/HTML5 + CSS 2018. 6. 6. 21:25

    article

    section

    footer

    특수문자


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    </head>
    <body>
    <header>
    <h1>홈 페이지에 오신 것을 환영합니다.</h1>
    <p>저의 이름은 정애리입니다.</p>
    </header>

    <nav>
    <a href="main.html"></a>
    <a href="shop.html">쇼핑</a>
    <a href="community.html">커뮤니티</a>
    </nav>

    <article>
    article 엘리먼트는 독립적으로 존재할 수 있는 콘텐츠 영역을 지정할 때 사용
    독립적인 콘텐츠란 그 자체로 사이트 안에서 다른 곳으로 이동하여도 정보의 가치와 역할을 수행할 수 있어야 한다는 의미
    포럼의 글, 신문기사, 블로그 포스트, 사용자 댓글 등
    </article>

    <article>
    <section>
    <h1>연구의 배경</h1>
    <p>본 연구는 예술의 상호 작용적 변천 과정을 살핀다.</p>
    <p>article 엘리먼트를 하나의 완성된 논문이라고 본다면 머리말 - 본문 - 결론을 구분해야 할때 필요 <br>
    이때 article안에서 section 태그로 삼등분하여 사용<br>
    위 예는 논문으로 서론 부분에서 연구의 배경을 언급할 때 하나의 절로 나누어 section 엘리먼트를 사용한것</p>
    </section>
    <section>
    <p>특수기호는 특수문자대신 앰퍼샌드와 세미콜론으로 표기<br>
    A &amp; B는 A and B를 간단하게 표기한 것이다.<br>
    2 &lt; 3은 참이다.
    </p>
    </section>
    </article>

    <footer> Copyright &copy; 2011 All rights reserved</footer>
    </body>
    </html>


    '공부 > HTML5 + CSS' 카테고리의 다른 글

    6. 외부 스타일 시트 external style sheet  (0) 2018.06.06
    5. 내부 스타일 시트 internal style sheet  (0) 2018.06.06
    4.인라인 스타일 inline style  (0) 2018.06.06
    3. Hello World!  (0) 2018.06.06
    1.Hello world!  (0) 2018.06.06

    댓글

© 2020 Aeri Jeong.