mordern 표준 web site 작성

강정우·2022년 12월 19일
0

HTML, CSS

목록 보기
10/27
post-thumbnail

웹 표준

  • W3C : world wide web consortium 권고안에 따라 정의된 웹 표준
  • HTML 버전에 따라 deprecated되는 태그 및 속성이 있다. 확인
  • HTML 표준에 부합한지 확인하는 사이트

웹 접근성

  • img 태그에 대체 텍스트를 넣는 것, 청각 장애인을 위한 자막 넣기, 키보드로 웹 페이지 인터페이스 접근 가능 기능 등 환경적 제한이 있는 사용자를 고려하여 웹페이지를 작성
  • 웹 접근성 인증마크도 있으나 현실적으로 만들기 힘들다... 비용적인 측면도 있다
  • 자가딘잔 웹사이트

크로스 브라우징

  • 다양한 웹브라우저 상의 동일한 사용자 경험을 위한 기술 또는 방법
  • 웹 브라우저별 html문서 표현에 차이가 있다. 또한 최신 표준은 지원되지 않는 경우가 있다.

이미지

  • 비트맵과 벡터 이미지로 구분

    • 비트맵 이미지는 픽셀단위로 색정보를 가진 이미지 데이터(.jepg, .jpg, .gif, .png)
      • 정교하고 다양한 색상으로 이미지 표현 가능, 확대 또는 축소시 이미지 깨짐
    • 벡터 이미지는 수학정보로 모양 정보를 가진 이미지 데이터(.svg)
      • 이미지 확대 또는 축소시 이미지 안 깨짐
  • JPEG(JPG) : 높은 앞축률

    • 24비트, 약 1600만 색상으로 고해상도 이미지 가능
    • 이미지 품질과 용량 조정 가능
    • 손실 압축 (원본 이미지와 일부 다른 정보)
  • GIF : 동영상, 짤과 같은 이미지 기능

    • 8비트 색상만 지원
    • 비손실 압축 (원본 이미지와 동일 정보)
  • PNG : 투명도 지원되는 GIF 대체 포맷

    • W3C 권장 이미지 포맷
    • GIF와 같이 동영상등은 지원되지 않음
    • 24비트, 약 1600만 색상으로 고해상도 이미지 가능
    • 비손실 압축 (원본 이미지와 동일 정보) 단, 파일 크기가 다른 애들에 비해 큼
  • WEBP : 동영상, 두명도 지원되는 JPG, PNG, GIF를 모두 대체하는 포멧

    • 구글에서 개발
    • 일부 브라우저 미지원
    • 손실/비손실 압축 모두 지원
profile
智(지)! 德(덕)! 體(체)!

0개의 댓글