728x90
🎈Doctype이란?
📜Doytype(Document Type Declaration)은 HTML 문서의 첫 줄에 위치하는 선언문으로서
브라우저에게 문서의 HTML버전을 명시함
📜<!DOCTYPE html> 형태로 작성되며 브라우저가 표준모드(Standards Mode)로 올바르게
렌더링 하도록 구성
ex) html4 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
html5 : <!DOCTYPE html>🎈쿼크 모드(Quirks Mode)란?
📜Doctype이 없거나 잘못 선언된경우 브라우저가 활성화하는 레거시 렌더링 모드로 1990년대
Netscape/IE의 비표준 동작을 모방함!!
📜CSS 레이아웃이 깨지거나 브라우저 간 불일치가 발생해 현대 웹 표준을 따르지 않음
📜Doctype이 있으면 Almost Standards나 Standards Mode로 전환되어 W3C규격 준수
Standards Mode: 이미지 baseline 정렬 (텍스트와 일치)
Almost Standards: 테이블 셀 바닥 정렬 (약간 다름)
🎈웹 표준(Web Standards)
📜W3C가 권고하는 HTML, CSS, Javascript등의 기술 규격으로 모든 브라우저와 기기에서 일관된
표시와 동작을 보장! 호환성향상과 유지보수성을 높이는게 원칙
📜W3C(World Wide Web Consortium - 팀버너스리 1994년 설립한 국제표준화기구)🎈웹 접근성(Web Accessibility)
📜웹 접근성은 장애인(시각/청각 장애 등)이 스크린 리더나 키보드로 웹 콘텐츠를 이용할 수 있도록
하는 설계 원칙으로 W3C의 WCAG 지침을 따릅니다.
📜의미 있는 마크업과 대체 텍스트(alt 속성)를 강조
📜WCAG(Web Content Accessibility Guidelines(웹 콘텐츠 접근성 지침))
장애인(시각/청각/운동/인지 장애 등)이 웹 콘텐츠를 이용할 수 있도록 하는 구체적 가이드라인
📜4대 원칙 (POUR)
1. Perceivable (인지 가능) - 콘텐츠를 감지할 수 있어야 함
2. Operable (조작 가능) - 사용자가 조작할 수 있어야 함
3. Understandable (이해 가능) - 이해하기 쉬워야 함
4. Robust (견고함) - 모든 기기/기술에서 작동해야 함
📜3단계 적합성 수준
수준 |의미 |실무 적용
A |기본 접근성 (최소) |alt 속성 필수
AA |표준 접근성 (권장) |한국 공공기관 의무
AAA |최고 접근성 |전문 사이트 목표🎈웹 표준 vs 웹 접근성
🎈시멘틱 태그(Semantic Tags)란?
📜시멘틱 태그는 <header>, <nav>, <article>, <footer>처럼 콘텐츠의 의미와 역할을 명확히 나타내는
HTML5태그
📜검색엔진최적화(SEO)와 접근성을 높이며 구조화된 무서를 구성
728x90
댓글