본문 바로가기

HTML3

블록/인라인 구조 블록/인라인 오늘은 웹사이트의 기본중의 기본이죠. 비전공자도 어디선가 들어봤을법한 키워드! 정말 이것도 모르고 어디가서 코딩한다고 하면 안되겠죠? 블록 구조와 인라인 구조에 대해서 알아보겠습니다. 각각 간단히 설명 후 비교하여 설명하는게 더 이해하기 쉬우므로 비교위주로 설명 들어갈게요~ 01_ 블록 레벨 요소 마크업 할 때 줄이 바뀌는 특성을 가집니다. 좀 더 알기 쉽게 표현하자면 한줄에 하나만 표현된다는 것입니다. 즉, 가로 정렬이 안되는 것입니다. 블록 레벨 요소 블록 레벨 요소 블록 레벨 요소 블록 레벨 요소 //결과 블록 레벨 요소 블록 레벨 요소.. 2022. 8. 21.
구조 관련 요소 구조 관련 요소 기존 콘텐츠의 구조를 구분하는 시맨틱한 요소가 제공되지 않던 HTML과 다르게 HTML5에서는 main, nav, section, header, article, aside, footer등 다양한 구조 관련 요소가 추가되었습니다. 덕분에 조금더 쉽게 구조파악이 가능합니다! 요소 유형 태그명 설명 블록 레벨 요소 1. HTML 문서의 헤더 영역을 의미하는 태그입니다. 제목이나 내비게이션, 검색 등의 내용을 포함할 수 있습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만, , 태그는 포함할 수 없습니다. 1. HTML 문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그입니다. 주제에 대한 제목요소(h태그)를 포함하는 것이 좋습니다. 2. 텍스트, 인라인 요소, 블록 .. 2022. 8. 13.
웹 표준/접근/호환성 웹 표준성 정의 웹 표준이란 브라우저 종류 및 버전에 다른 기능 차이에 대하여 호환이 가능하도록 제시한 표준입니다. 다른 기종이나 플랫폼에 따라 다르게 구현되는 기술들을 동일하게 구현하고 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미합니다. W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있습니다. 목적 및 이유 비표준 페이지, 과도한 플로그인 사용 등으로 장애인, 노약자를 포함한 모든 사용자들에게 운영체제 및 웹 브라우저 등의 정보 접근 제약이 있습니다. 브러우저의 종류나 버전에 상관없이 모든 사용자들이 동일한 웹사이트를 볼 수 있도록 작업이 필요하며 웹 표준 준수는 웹 접근성 준수를 위한 핵심입니다. ∴ 웹 표준의 궁극.. 2022. 8. 8.
반응형

HTML이미지
HTML이미지

JAVASCRIPT

자세히 보기
HTML이미지