HTML/CSS 1일차

개발 log·2021년 8월 26일
0

TIL

목록 보기
9/21

Internet Service


  1. Telenet
  2. e-mail
  3. Usenet
  4. FTP

  1. IRC
  2. Archie
  3. Gopher
  4. WWW

이런 것들이 있었지만 모두 WWW로 넘어옴


WWW


Who

WWW의 아버지
Tim Berners-Lee

Connect

Wonder world


WEB


Back-End

  1. Server
  2. Database
  3. Application Layer

Front-End

  1. Client
  2. Web Browser
  3. Presentation Layer

WEB 기술의 설정값

HTML

건강한 신체

CSS

근사한 스타일링

JavaScript

스마트한 두뇌


Web Standard


웹 표준은 누가 만드는가

World Wide Web Consortiums
W3C

벤더에서 미리 만들고 표준을 허가받기때문에 표준이 아님에도 브라우저에서 구현하는 경우가 있다.

책 추천
제프리 젤드만의 웹표준 가이드


Web Accessibility


웹 접근성

웹 접근성은 더 이상 선택이 아닌 필수

누구나 접근할 수 있어야 한다.
장애를 위해 개발한다고 장애인들만 쓰는것이 아닌 비장애인들에게도 도움 될 수 있다

장애에 대한 이해

  1. 시각장애
  2. 청각장애
  3. 지체장애
  4. 뇌병변 장애 등등....

환경에 대한 이해

  1. 다양한 Platform
  2. Cross Browsing
  3. SEO(Search Engine Optimization)
  4. 저사양 또는 저속회선


HTML5 MarkUp

이전 표준 버전은 XHML1.0과 HTML4.01

가장 최신 표준이 HTML5

  1. HTML5가 탄생하기 이전까지 HTML의 최초버전은 1993년에 최신버전은 1999년에 발표됨
  2. W3C가 XHTML1.0을 구체화 하기 위해 XHTML2.0 작업을 진행 중 이었으나 하위 호환상에 치명적인 문제가 있었음.
  3. 2004년 애플, 모질라 재단, 오페라 소프트웨어가 공동으로 설립한 공개 그룹인 WHATWG(Web Hypertext Application Technology Working Group)가 W3C와 별개로 Web Application 1.0과 Web Forms 2.0을 만들어 냄
  4. 2007년 3월 W3C가 공개적으로 XHTML 2.0의 실패를 인정한 후 새롭게 HTML을 개발하기로 결정하면서 WHATWG의 표준안을 대부분 수용하여 HTML5가 탄생하게 됨.
  5. Plug가 없어지는 추세
  6. 명령어를 만들어 낼 수 있다
  7. 어떤 값이 무엇을 어떤 것을 의미하는지 알려주는 것 <- XML
  8. 대소문자 구분 X


HTML4.01, XHTML1.9과 HTML5의 차이점


HTML4의 콘텐츠 모델

PDF 참조



HTML5

용어정리

id : WAI-ARIA or form에서 중요하게 쓰임
class : 되도록이면 class 지향
WAI-ARIA : 접근성 보조기기
role(속성) : 'banner' 속성을 주면 div가 header의 역할을 함

변하지 않는 경우 이미지태그를 많이 씀

margin : 마진도 실제 박스크기에 영향을 줌

profile
개발자 지망생

0개의 댓글