코딩공부

section 태그 html5에서 새롭게 시맨틱한 마크업을 위해 추가 된 태그 중 주제별 영역들을 그룹화하는용도로 사용합니다. 섹션 관련 태그(Section Related Tag) 태그 설명 문서의 주요 콘텐츠 영역 설정 해당 문서의 중심 주제 또는 주요 기능과 직접적으로 관련되어 있거나 확장되는 콘텐츠로 구성 주제별 그룹의 콘텐츠 섹션을 설정 주로 제목 요소(h1~h6)를 자식 요소로 포함하고 있음 문서의 완전히 독립적인 컨텐츠 섹션을 설정 포럼(forum) 포스트, 블로그 포스트, 보도 기사, 논평(comment) 등 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정 (사이드 메뉴나 광고) 텍스트, 인라인 요소, 블록 레벨 요소 포함 가능 문서의 소개 및 메뉴 그룹 컨텐츠 섹션을 설정 (제목이나 내비게이션, ..

텍스트와 관련된 모든 것

시멘틱 마크업 시멘틱(Semantic)의 사전적인 뜻은 "의미론적인" 정도로 해석할 수 있다. 이것은 마크업을 할 때 의미를 부여하는 태그로 보면 된다. 실제로 마크업 할 때는 작업자마다 콘텐츠의 의미를 해석하는 차이가 조금 있을 수도 있지만 가급적 시멘틱하게 마크업을 하려고 노력하는 것도 중요하다. 시멘틱 마크업의 장점 태그의 의미가 명확해 재사용과 가독성이 좋다. 검색 엔진이 시멘틱 태그를 더 중요한 키워드로 간주하여 검색엔진 최적화에 유리하다. 웹 접근성 측면에서, 시각장애가 있는 사용자가 의미파악을 더 잘 할 수 있게 해준다. 시멘틱 마크업에서 주로 사용하는 태그들 이 요소는 웹페이지 일부분의 머리글을 정의(타이틀, 로고) 전체 페이지에서는 요소나 요소를 사용한다. 사이트 내 링크를 모아둔 내비게..

블록 레벨 요소(Block-level Elements) 마크업을 할 때 줄이 바뀌고 세로로 정렬됨 항상 새로운 라인으로 시작되며 라인의 모든 너비를 차지함 하나의 독립적인 박스형태라고 생각하는 것이 이해하기 쉬움 블록레벨요소 중 블록레벨 요소를 자식요소로 포함 할 수 있는 태그와 없는 태그가 있음 텍스트와 인라인 요소를 자식 요소로 포함할 수 있음 태그 설명 ~ HTML문서에서 제목을 정의할 때 사용하는 태그 블록 레벨 요소를 자식요소로 포함할 수 없음 단락을 정의하는 태그 블록 레벨 요소를 자식요소로 포함할 수 없음 문서의 소유자나 연락처 정보를 정의할 때 사용하는 태그 일부 블록 레벨 요소들을 자식요소로 포함 할 수 없음 *에 포함 될 수 없는 요소 : ~, , , , ,, 인라인 요소(Inline ..