Archive / Main / HomePage

HTML5, CSS3 예제

웹표준

웹관련 도구

Browser

HTML

  • Document Type Definition: 문서형 선언
  • HTML entity: 특수문자
  • h1~h6: 페이지 섹션의 제목 표현
  • label: 서식의 레이블 제공
  • target: 링크의 대상 지정
  • URL: 적절한 URL 표기
  • script: 자바스크립트 선언 방법
  • style: 스타일 선언 방법
  • object: 오브젝트 요소와 대체 콘텐츠, 표준에 맞는 플래시 무비 삽입
  • select: 인터넷 익스플로러의 선택 요소가 아이프레임을 뚫는 현상
  • frame: 인터넷 익스플로러에서 표준 DTD 때문에 프레임셋에 생기는 스크롤바 제거

CSS

  • Cascading Style Sheet
  • border: 링크 걸린 이미지의 경계선 없애기
  • vertical-align: 세로정렬 속성으로 이미지 아래의 여백 조정
  • line-height: 줄간격 속성을 이용한 이미지를 세로 방향 중앙 정렬
  • display: 표시 속성 조정으로 텍스트 링크를 버튼처럼 사용하기
  • border-collapse: cellpadding, cellspacing속성 없이 여백없는 table 만들기
  • clear: Float Element만 포함한 블록을 클리어하는 방법
  • margin: 여백 속성을 이용한 컨텐츠 블록의 중앙정렬
  • position: 화면 정 중앙에 위치하는 블록, IE에서 fixed 포지션 사용
  • absolute position과 relative position의 관계
  • height: 높이를 100%로 유지하는 레이아웃
  • UL, OL, LI Element in IE
  • float: IE 플로트 블록의 마진이 두배가 되는 오류
  • scrollbar: IE 스크롤바 디자인 변경
  • display: IE에서 display: block을 사용할 경우 리스트 하단의 여백 없애는 방법
  • background: IE에서 줄이 나뉘는 인라인 블록의 배경 이미지가 안나오는 오류

JavaScript

Flash

  • PNG: 투명효과가 들어간 이미지 사용
  • Loadmovie
  • Menu
  • Accessibility: 플래시 접근성
  • wmode: 윈도우 모드로 플래시 플레이어의 투명/불투명 제어

기타

Page last modified on May 31, 2015, at 07:37 AM

Powered by PmWiki