천사님 밥 친구해요

HTML에서 사용되는 태그 이미지 출처 : HTML 문서의 헤더 영역을 의미하는 태그로 제목이나 내비게이션, 검색 등의 내용들을 포함할 수 있습니다. : HTML 문서의 메인 메뉴나 목차 등을 정의해 주는 태그입니다. : HTML 문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그이며 섹션 주제에 대한 제목 요소 ~를 포함하는 것이 좋습니다. : HTML 문서 내에서 독립적으로 배포 또는 재사용이 가능한 게시물, 뉴스 기사, 블로그 포스팅 등을 의미하는 태그이며 제목 요소 ~를 포함하는 것이 좋습니다. : 메인 콘텐츠와 직접적으로 관련이 없는 영역을 의미하는 태그이며 HTML 문서의 오른쪽이나 왼쪽의 사이드 메뉴나 고아고 등의 영역으로 사용됩니다. : HTML 문서의 푸터 영역을 의미하는 태그로 섹..

HTML

시멘틱 마크업 이미지 출처(클릭) 시멘틱(Semantic)의 사전적 뜻은 "의미론적인" 정도로 해석할 수 있다. 이것은 마크업을 할 때 의미를 부여하는 태그로 보면 된다. 마크업을 할 때는 "왜 시멘틱하게 마크업을 해야하지?"라는 의문이 들 수도있습니다. 모든 사람들이 정보를 동일하게 받아 들일 수 있는 환경이 아닐 수도 있습니다. 예를 들어 시각장애인의 경우에는 HTML 문서의 콘텐츠 정보를 음성으로 전달해 주어야 하는데 이런 경우 전달하려는 태그의 의미가 적절해야 합니다. 실제 마크업을 할 때는 작업자마다 콘텐츠의 의미를 해석하는 차이가 조금 있을 수도 있지만 가급적 시멘틱하게 마크업을 하려고 노력하는 것이 중요합니다. 1. 메타데이터 콘텐츠 : head태그 안에 포함된 요소들로 표현, 동작 설정, ..

블록 레벨 요소(Block-level Elements) 이미지 출처 다음은 HTML 블록 레벨 요소의 전체 목록입니다. (사실 HTML5의 새로운 요소를 설명할 때, "블록 레벨"이라는 용어는 정의되지 않습니다.) 1. 블록 레벨 요소는 마크업을 할때 줄이 바뀌는 특성을 가지고 있습니다. 2. 블록 레벨 요소는 줄 바꿈이 일어납니다. 3. 블록 레벨 요소는 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있습니다. 4. 블록 레벨 요소 중에는 블록 레벨 요소를 자식 요소로 포함 할 수 있는 요소와 포함할 수 없는 요소가 있습니다. 블록 요소 모음 : ol, ul, li, h1~h6, p, div 블록 요소는 h1~h6 블록요소의 p태그 블록요소를 자식 요소로 블럭 요소를 포함 ul과 li는 블럭 요..