Plain Old Semantic HTML

29 Oct 2020 in Programming on HTML/CSS

<b></b> <!--단순하게 글씨를 굴게 표시하는-->
<strong></strong><!--굵게 글씨를 표시하고 의미도 강하다.-->
<i></i>  <em></em> <!--이탤릭-->
<s></s>  <del></del> <!--취소선-->

옛날엔 디브로 다했다.

##

<div class ="wrapper">
    <div class = "header">
        <div class = "navigatoin">

        </div>
    </div>
</div>

HTML5 Sementic

header

nav

section

article

aside

iframe

footer

address

<div class = "wrapper">
    <header>
        <nav>
        </nav>

    </header>
    <div class = "content">
        <section></section>
        <article></article>
        <aside></aside>
        <main></main>
        <footer></footer>
    </div>
</div>

크로스 브라우징 : 웹 문서는 5대 중요 브라우저에서 똑같이 보여야한다.

https://validator.w3.org/

*{

}이런식으로 쓰면, 성능에 진짜 안 좋아서 안 쓴다. dom 트리 순회할 때 안 좋음

reset css

&nonebreakingspace(&nbsp);

< 이렇게 넣고싶은데 태그 시작으로 생각 할 수 있다. > < & © ¥ ¶

  > < & ©¥¥ ¶