블루TV의 IT이야기

HTML 정리, CSS정리

아!침밥먹기 2015. 6. 1. 14:09

HTML작성시에 반드시 해야 할 것들을 정리해 보았습니다.


HTML5가 표준이므로


<!DOCTYPE html>

<head>

<meta charset="utf-8">

</head>



주석처리 <!-- 주석내용 -->


DOM (Document Object Model) 트리, - HTML문서를 parser를 해서 내부 트리를 구성한다.


MVC개발 - Model, View, Controller영역으로 분할해서 개발하는 방식


링크의 a는 anchor의 약자이다.


alt의 약자는 alternate text의 약자이다.

(오류시에 출력할 문자열)


Cascading style sheet( 폭포같은) 누적이라는 뜻이므로 스타일의 속성값들은 누적되어서 적용된다. 

CSS3 

<style>

선택자 h1 { background: red; color:black; }

속성 이름과 속성값 사이는 콜론: 으로 구분한다. (=같은 개념이다)

작은 따음표, 큰 따옴표안의 내용은 문자처리하므로 값을 설정할 때는 따옴표처리하지 않는다.


아이디 선택자는 id속성값을 선택한다. #기호를 앞에다가 붙인다. 

#A { border: red; }


클래스 선택자는  .(점)을 앞에 붙인다. 

a.class2 {border: red; } 

a태그 중에서 속성이 class2인 태그들만 선택한다. 


hierarchy 계층

child 자식

descendant 자손

pseudo 가상

em(엠) 배수, 몇배 5em=500%

ex(엑스하이트) 배수,몇배



</style>

style안에 주석처리는 /* ..  */ 으로 처리한다.


전체 선택자를 사용해서, 모든 외부,내부 여백전체를 0으로 세팅할때 사용한다. 

* {margin: 0; padding: 0;}









www.w3c.org 사양확인

html5test.com 현재 웹 브라우저 html5 어디까지 지원확인

html5please.com 어떤 기능 동작 테스트

caniuse.com html5 기능 지원상태

html5readiness.com


html5템플릿 제공

freeHTML5templates.com

www.html5webtemplates.co.uk

HTML5boilerplate.com


validator.w3.org 유효성검사테스트