HTML 4

섹션(Section)과 관련된 태그들

섹션 (Section)이란? ◎블록 요소 입니다. ◎HTML 문서의 맥락이 같은 요소들을 주제별로 그룹화 해주는 태그 입니다. ◎ 연관된 문서의 단락이 아닌, 일반 컨테이너로 사용하면 안됩니다.(단순한 스타일을 줄 목적으면, 태그를 이용.) ◎섹션주제에 대한 제목 요소 ~을 포함 하는 것이 좋습니다. ◎ 텍스트, 인라인 요소 블록 레벨 요소를 포함 할수 있습니다. 섹션 관련 태그 ◈ · HTML 문서의 주요 콘텐츠 영역을 의미하는 태그 입니다. · 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있습니다. · 태그 안에서 태그를 사용 하면 안되고, 태그 안에서 태그 사용이 가능합니다. ◈ · HTML 문서의 헤더 영역을 의미하는 태그 입니다. · 제목이나 내비게이션, 검색 등의 내용을 포함 ..

HTML 2023.02.22

시멘틱 마크업 과 논리적인 순서 마크업

시멘틱 마크업(Semantic Makup) '시멘틱 (semantic)' 의 사전적 뜻은 '의미론적인' 뜻이며, '마크업(Makup)'은 HTML 태그로 문서를 작성하는 것을 말합니다. 즉 시멘틱 마크업은 '의미론적인 HTML 태그 문서를 작성' 하라는 뜻 입니다. 그 이유는 HTML 문서들은 보통 시각적인 방법으로 사용자들에게 정보를 전달하지만, 모든 사람들이 그정보를 동일하게 받아 들일 환경이 아니거나, 작업자마다 콘텐츠의 의미를 해석 하는 것에 차이가 조금씩 생겨서 자신만 알아볼수 있게 되기 때문에 가급적 시멘틱하게 마크업을 해야 합니다. 장점 1. 검색 엔진이 시멘틱 태그를 중요한 키워드로 간주하기 때문에 검색엔진 최적화에 유리합니다. 2. 시각 장애가 있는 사용자가 의미를 잘 파악할 수 있습니다..

HTML 2023.02.17

인라인 구조, 블록 구조 특징과 차이점

인라인 요소 (Inline Element) 특징 1. 인라인 요소는 마크업을 할 때 줄 바꿈이 일어나지 않아 가로로 정렬이 된다. 2. 인라인 요소는 텍스트(문자)와 인리인 요소를 자식 요소로 포함 할수 있다. 3. 인라인 요소는 블록 레벨 요소를 자식 요소로 포함할 수 없다. 4. 인라인 요소는 너비나 높이 값을 줄 수 없다.(width,height) 인라인 요소의 태그 : 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소 등을 URL로 연결할 수 있는 하이퍼 링크를 만들때 사용되는 태그 : 소리 콘텐츠를 포함할 때 사용하는 태그 : 인라인 요소들을 그룹으로 정의하는 태그 : 사용자로 부터 데이터 값을 입력 받기 위한 태그 : 이미지를 넣는 태그 : 클릭 가능한 버튼이 나타나는 태그 : 아래..

HTML 2023.02.17