HTML 독서 노트

1. 블록 레벨 및 인라인 요소
HTML 요소에서는 일반적으로 블록 레벨 및 인라인 요소로 구분되며, 블록 레벨 요소는 일반적으로 새 행으로 시작하거나 끝나지만 인라인 요소는 새 행으로 시작하지 않습니다.    
요소는 다른 HTML 요소를 조합하는 컨테이너로 사용할 수 있는 블록 수준 요소입니다.또한div 요소의 또 다른 흔한 용도는 문서 레이아웃인데 이것은 이전에 레이아웃을 하는 방식을 대체했다.
문서의 인라인 요소를 조합하는 데 사용할 수 있는 문서 용기입니다.2. HTML5 웹은 쿠키보다 더 좋은 로컬 저장 방식을 저장한다. 이것은 대량의 데이터를 저장할 수 있고 사이트 성능에 영향을 주지 않는다.데이터는 키, 값이 맞는 형식으로 존재하며, 웹 페이지의 데이터는 이 웹 페이지의 방문만 사용할 수 있다.클라이언트가 데이터를 저장하는 두 대상은localStorage와sessionStorage이다.localStorage - 사이트 전체의 데이터를 장기간 저장하는 데 사용되며, 수동으로 제거할 때까지 저장된 데이터는 기한이 지나지 않습니다.sessionStorage - 같은 창 (또는 탭) 의 데이터를 임시로 저장하는 데 사용되며, 창이나 탭을 닫으면 삭제됩니다.두 가지 저장 방식을 사용하기 전에 반드시 이 두 가지 저장 방식이 지원되는지 확인해야 한다.

if (typeof(Storage)!== undefined){
  //        
}else{
  //   web  
}

local Storage와session Storage가 사용할 수 있는 API는 똑같다. 주로 데이터 저장 - local Storage가 있다.setItem(key,value) 읽기 데이터 -localStorage.getItem(key) 단일 데이터 삭제 - localStorage.removeItem(key) 모든 데이터 삭제 - localStorage.clear () 색인을 받은 키 - local Storage.키 (index) 값은 보통 문자열로 데이터를 저장하고, 필요에 따라 형식을 변환할 수 있습니다.3. 응용 프로그램 캐시 응용 프로그램 캐시를 사용하면 탭에 manfest 속성을 포함해야 합니다.

...

그 중에서 manfest는 파일 이름을 정했고 확장자를 권장합니다.appcache.주의: manifest는 정확한 MIME-type 형식, 즉'text/cache-manifest'를 설정해야 하며 웹 서버에 설정해야 합니다.Manifest 파일: 브라우저가 캐시된 내용 (캐시되지 않은 내용) 을 알려주는 간단한 텍스트 파일입니다.manifest 파일은 세 부분으로 나눌 수 있는데 Cache manifest입니다. 이 제목에 열거된 파일은 처음 다운로드한 후에 캐시됩니다.네트워크, 이 제목 아래의 파일은 서버와 연결되어야 하며 캐시되지 않습니다.fallback, 이 제목 아래에 나오는 파일은 페이지가 접근할 수 없을 때 되돌아오는 페이지 (예: 404페이지) 를 규정합니다.완전한 manifest 파일 예시:

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.php

FALLBACK:
/html/ /offline.html

그 중에서 #로 시작하는 것은 주석이고 날짜와 버전 번호를 수정하는 것은 브라우저로 하여금 파일을 다시 캐시하게 하는 방법이다.브라우저의 캐시 데이터 용량 제한은 보통 5Mb와 다릅니다.
4. 단일 선택 상자가 단일 선택 상자를 사용할 때 모든 input의name 값이 일치해야 단일 선택 상자가 될 수 있습니다.

name="sax" value="male">male


name="sax" value="female">femal