HTML5

마크다운문서가 제대로 포스팅되지않아 어제도 오늘 잠들었다 ^^ 아침에 맑은 정신으로 들여다 보니 문법이 잘못된 곳이 보이더라.. 중요한건 막상 문서를 열어서보니 문제가 없..더라는게 더 문제다. list를 넘어 사용한 곳에서 지금은 유료가된 typora(beta때도 알 수 없는 오류가 생겨 문서를 다시 만든 기억이남) 와는 다르게 어떤것에 대해 직접 손을 봐줘야 하는거 같아(/n으로 한줄 넘긴다던지?) 빠르게 수정 후 어제 못한 HTML5에 대해 이야기한다.

1. HTML5??

• HTML을 정의하는 가장 발전된 표준이다.
• HTML이 아닌 기술(3D그래픽 적용된 사이트, 브라우저에서 정보 모을때 도움)을 포함한다.
• HTML5는 새로운 HTML이다.

• HTML이 upgrade된게 아니라 HTML5 표준에 대한 정의를 바탕으로 각 브라우저 회사들이 HTML5 표준에 맞게 브라우저를 새로 구축한다. => 브라우저가 구현하는 사양의 표준
• 브라우저에 명시한다고 한들 무언가의 스위치를 on/off하는게 아니라 브라우저에게 알려주는 것이다.

2. block vs inline element (div & span)

• <div>와 <span>은 제네릭 컨테이너이다.
• <div>: division, <div>태그 내 블록요소를 넣으면 각자가 차지할 수 있는 최소한의 공간을 차지하며 공간을 나눈다.
• <span>: 지금 보고 있는 문서에서 인라인에 효과가 들어간 부분들을 css로 제어한다.

3. other elements(HR, BR, Sup, Sub)

• <hr>: horzontal rule 마크다운문법의 ---처럼 가로 줄을 만들어준다.
• ` : line break, /n`처럼 줄을 바꿔준다.
• <sup>, <sub>: 윗첨자, 아래첨자

4. entities

• HTML대신 쓸 수 있는 특별한 코드 또는 시퀀스
• 모든 엔티티 코드는 & to ;
• 부등호를 HTML에 바로 써버리면 동작은 하지만 IDE가 태그가 끝나지 않았다고 판단해 포멧이 틀어지는 것과 같은 문제가있다. => entity를 쓰면 편안

참조

HTML:Spec/LivingStandard
W3:HTML5/char reference
W3:HTML/entities