[HTML] 2-4. html템플릿 작성하기

* 모바일 관련 :
opera mobile classic emulator 이제 사용 불가
구버젼은 다운 받을 수 있긴 함.
http://www.download82.com/download/windows/opera-mobile/

opera browser 사용
https://dev.opera.com/articles/opera-mobile-emulator/
모바일에서 보이는 화면을 보여줌.
최신 버젼이 업데이트 되지는 않음.
custom으로 launch하면 나옴.
=> 그냥 크롬 쓰면 됨.

- viewport 해상도를 확대해서 볼 수 있도록 함.
- description은 꼭 써주기
- html5는 최대한 div를 사용할 것. 영역을 묶어줌.
(가장 기본적)


https://nuli.navercorp.com/sharing/fe/coding
https://nuli.navercorp.com/data/convention/NHN_Coding_Conventions_for_Markup_Languages.pdf
네이버의 문서작성 가이드 라인임.
66page에 wrap으로 감싼다.
#은 id 이름 지정. 고유이름.
.은 css 이름 지정.

#wrap
#header
#container
#footer

<a href="#content">본문 바로가기</a>는 꼭 넣어주는게 좋다.
tab을 누르면 상단에 버튼이 나옴. 필수
가능한한 블럭태그로 묶어주는 것이 좋으므로, p태그로 묶어준다.

- 영역이 복잡해지므로 주석을 꼭 써준다.
header, container, footer 등

옛날에는 header end로 쓰다가 그냥 //header로 쓴다.

- container는 내용이 많으므로 내부에도 주석을 남겨주는 것이 좋다.