본문 바로가기
블록 구조 / 인라인 구조 블록 구조와 인라인 구조 HTML의 태그들은 블록 요소와 인라인 요소로 분류됩니다. 블록 구조의 태그들은 보통 div , p, h1-h6, ul, li, ol, table이 있고, 인라인 구조에서는 span , a, em, i, strong이 있습니다. 블록 구조와 인라인 구조의 비교 코드펜에서 둘을 비교해 보았습니다. See the Pen Untitled by Packsunhye (@packsunhye) on CodePen. 둘을 사용하였을 때에 특징의 비교 블록 구조 인라인 구조 줄바꿈이 일어날정도로 한 줄을 차지하고 있습니다. 줄바꿈을 하지 않고 태그 안에 쓰여진 내용만큼만 공간을 차지합니다. 블록 구조 안에는 블록 구조나 인라인 구조가 올 수 있습니다. 인라인 구조 안에는 인라인 구조는 올 수 있.. 2022. 8. 20.
구조 관련 요소 구조 관련 요소 블록 레벨 요소를 알아봅시다. 요소 유형 태그명 태그의 의미 및 특징 블록 레벨 요소 1. HTML 문서의 헤더 영역을 의미하는 태그로 제목이나 내비게이션,검색 등의 내용들을 포함할 수 있습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 ,태그는 포함할 수 없습니다. 1. HTML 문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그이며 섹션 주제에 대한 제목요소( 2022. 8. 15.
웹 표준, 접근성, 호환성 웹 표준 웹 표준이란, ‘웹에서 표준적으로 사용되는 기술이나 규칙’을 의미하는데, 이는 우리가 흔히 생각하는 표준(standard)과는 조금 다릅니다. 웹에서의 표준은 W3C의 토론을 통해 나온 권고안(recomendation)을 말하며, 권고안 이외 단계 수준의 스펙은 비표준이거나 독자확장 요소를 의미하기 때문에 구분하여 사용해야 합니다. 웹 표준의 장점 1. 웹접근성 수준의 향상 2. 검색 친화적인 웹 사이트 구현 3. 구조와 표현의 분리 4. 손쉬운 유지 보수 및 비용 절감 효과 5. 호환성 확보 웹 접근성 모든 사용자가 모든 기기에서 웹 플랫폼 상의 정보에 쉽게 접근할 수 있도록 정의해 놓은 전문적인 규칙들입니다. 웹을 접근 가능하게 만드는 것은 개인, 비즈니스, 사회에 이점을 줍니다. 웹 접근성.. 2022. 8. 8.

고양이 고양이
고양이 고양이
고양이 고양이