과 의 차이 / 하나의 차이는 구조언어의 차이로 인해 발생한 것이다. W3C에서는 HTML4를 만들고 이후 HTML 4.01을 만든 뒤 HTML5가 아닌 XHTML 1.0을 만들었다. 이때 XHTML 1.0은 HTML 4.01을 XHTML로 다시 규정한 것이다. HTML4에서는 br 태그를 로 사용하였지만 XHTML은 로 사용한다. img 태그와 input 태그도 마찬가지이다. 따라서 과 의 차이는 어떤 구조 언어에서 사용되냐의 차이가 있을 뿐 의미와 기능은 동일하다. HTML4에서는 무조건 로 사용하여야 하지만 XHTML에서는 무조건 로 사용하여야 한다. HTML5는 두 가지 모두 사용 가능하다.
시맨틱 태그 HTML5에서는 시맨팁 웹을 구현하는 데 필요한 시맨틱 태그를 사용하여 웹 브라우저가 웹 문서를 효율적으로 읽게할 수 있다. 시맨틱 웹이란 검색 엔진 같은 프로그램이 정보를 분석하고, 자료를 검색하거나 처리해서 제공하는 지능형 웹이다. 컴퓨터 프로그램이 코드를 읽고 의미를 인식할 수 있다. 머리말 영역 메뉴 영역 동영상, 사진 등의 멀티미디어를 담는 영역 주로 메인 페이지의 이미지 슬라이더나 인터랙티브한 컨텐츠 영역을 지정한다. 본문으로써 컨텐츠를 담는 영역 메인 페이지뿐만 아닌 서브 페이지에도 중요한 영역을 지정할 때 사용하기 좋다. 본문과의 연관성이 적은 외부 영역 광고나 바로 가기를 지정할 때 사용할 수 있다. 특정 영역을 그룹화 글자가 많이 들어가는 부분으로, 기사나 개별 컨텐츠를 담..
head 태그 내에서는 웹 문서에 필요한 외부 파일과 옵션을 설정할 수 있다. meta 태그는 웹 페이지에 추가로 전달할 정보를 담을 수 있다. charset 웹 문서의 인코딩 방식을 의미한다. UTF-8은 세계 표준 인코딩 방식으로 한글이 깨지지 않게 하기 위해서는 해당 값으로 설정해주는 것이 좋다. 최신 브라우저
태그 이름 h1 { ... } 아이디 #name { ... } 클래스 .name { ... } 자식 .name a { ... } 직속 자식 .name > a { ... } 복수 선택 /* name1 클래스를 가지고 있는 모든 태그와 name2 클래스를 가지고 있는 모든 태그 */ .name1, .name2 { ... } 여러 조건 /* name1 클래스와 동시에 name2 아이디를 가지고 있는 모든 태그*/ .name1#name2 { ... } 가상 클래스 자식 /* .name의 자식인 태그 중 첫 번째 태그 */ .name p:first-child { ... } /* .name의 자식인 태그 중 마지막 태그 */ .name p:last-child { ... } /* .name의 자식인 태그 중 n 번째..
