mordern 표준 web site 작성

웹 표준

• 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를 모두 대체하는 포멧

  • 구글에서 개발
  • 일부 브라우저 미지원
  • 손실/비손실 압축 모두 지원