본문 바로가기
HTML&CSS/기본상식

모던웹 접근성, 크로스 브라우징 등

by Mr.DonyStark 2023. 11. 8.

□ 웹표준 : 월드와이트웹(www)의 측면을 서술하고 정의하는 공식기술규격
 ○ W3C(World Wide Web Consortium) 권고안에 따라 정의된 웹 표준
 ○ HTML 버전에 따라 태그 및 속성이 상이함(https://www.w3schools.com/tags/default.asp )
 ○ 작성한 HTML 페이지가 표준에 부합하는지 확인 방법 → W3C validator에서 URL 또는 HTML 파일 업로드 후 검사 및 검토
( https://validator.w3.org/#validate_by_uri )
□ 웹접근성
 ○ 이미지 태그에 대체 텍스트 넣거나 청각 장애인을 위해 영상에 자막넣기 등 고려하여 웹 구현
 ○ 키보드로 웹 인터페이스 접근 가능기능 등 고려하여 웹 구현
□ 크로스 브라우징 : 웹 개발에서 사용자가 다양한 웹 브라우저에서 부품 환경을 제공하는 것을 의미.

 ○브라우저 웹은 Chrome, Firefox, Safari, Edge, Internet Explorer 등 다양한 엔진과 기능을 자체적으로 제공

 ○ 웹 사이트나 웹 로그를 개발할 때 하나의 브라우저에서만 작동하도록 설계하면 다른 브라우저에 있는 문제가 발생할 수 있음

 ○ 크로스우징을 하는 이유 : 웹 사이트를 사용하는 사람들이 다양한 브라우저와 플랫폼을 사용할 수 있기 때문에 모든 사용자에게 접근 가능한 환경을 제공
□ 이미지
 ○ 이미지 = 비트맵과 벡터이미지로 구분됨
 ○ 비트맵 이미지 : 픽셀 단위로 색정보를 가진 이미지
   - .jph, .jpeg, png 등
   - 이미지 확대 또는 축소시 이미지 깨질 수 있음
 ○ 벡터 이미지 : 수학 정보로 생성된 이미지
   - .svg
   - 이미지 확대 또는 축소시 이미지 깨지지 않음

'HTML&CSS > 기본상식' 카테고리의 다른 글

시멘틱 웹(Semantic Web) 태그  (0) 2023.11.07
웹 기본기술2  (0) 2023.11.05
웹 기본기술1  (0) 2023.10.30