HTML5 / CSS3로 신문기사 마크업하기, form 복습(학습 32일차 TIL)

210722 그 동안 배운 HTML5와 CSS3를 활용하여 신문기사 페이지를 마크업 했다. 정규 수업시간 이외에는 Form tag를 복습할 겸, 회원가입 form 페이지를 마크업 했다.

HTML5 tips

<!-- 
[if lt IE 9]
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
[endif] 
-->
<!-- 조건 주석문 -->

• 위와 같은 "조건 주석문"을 활용하여 IE 9 lt(미만)에서는 해당 스크립트를 실행 시키는 방식을 활용하여 ie는 물론이고, 다양한 브라우저를 크로스 브라우징 할 수 있다.
• section안에 article이 여러 개 들어가는 것은 조금 부자연스러울 수 있다. 왜냐하면 서로 관련 있는 내용을 모아 놓아야 할 section안에 각각이 독립된 article이 들어가 서로 다른 내용의 독립 article이 배치되기 때문이다. 따라서 article안에 section이 들어가는 것이 자연스럽다.
  by. https://developern.tistory.com/entry/how-to-article-section-div-tag
• section과 article은 안에 header, footer를 둘 수 있다.
• section은 의미가 같은 것을 모아 놓는 곳으로, 중첩해서 사용 가능함.
• label을 쓸 수 없을 때, input에 value속성을 추가함으로 해결할 수 있다.

CSS3 tips

• input 요소를 초기화 하기 위해서 appearance: none을 사용한다.