HTML

HTML이란 프로그래밍 언어가 아니다.

Document Type의 약자로, HTML이 어떤 버전으로 작성 되었는지 미리 선언하여 웹브라우저가 내용을 올바로 표시할 수 있도록 해주는 것 이다. <!DOCTYPE> 으로 선언하는데 이걸 해 주지 않으면 호환 모드(quirks mode) 로 동작한다. 호환

메타태그는 웹 페이지의 보이지 않는 정보를 제공하는데 쓰인다. 페이지에 대한 설명, 제작자, 크롤링 정책 등의 정보를 제공할 수 있다. SEO ? ( https://myseolabo.com/seo/what-is-seo/ ) SEO는 Search Engine Optimization의 약자로 검색 엔진 최적화를 의미한다. 메타태그를 이용해 descript...

Semantic tags : 의미있는 태그들 SEO : 제목과 부제목을 표현함으로써 검색엔진 최적화 웹 접근성 : 스크린리더, 키보드만 사용해도 잘 동작 유지보수 용이 : 웹페이지 구성을 한 눈에 알아보기 쉬움 HTML에 의미를 부여하기 위해 사용된다. div와 외형은 같지만 section 혹은 article을 사용하여 content의 목적을 뚜렷하게...

DOM에 데이터를 저장할 수 있는 사용자 정의 데이터 속성 으로 data- 다음 오는 값이 데이터가 된다. 이 속성은 사용하고자 하는 용도에 적합한 속성이나 요소가 없을 때 사용하며 해당 웹페이지가 독자적으로 사용하는 값 이다. 즉, 웹페이지와 독립적인 소프트웨어가 이 속성을 사용해서는 안된다. 예를 들어, 음악 사이트에서 앨범 트랙의 음악을 리스트 형식...

모두 클라이언트 상에서 key/value 쌍을 저장할 수 있는 메커니즘으로 value는 반드시 문자열이어야 한다. 또한 모두 동일 출처 정책(SOP)을 따르기 때문에 다른 도메인에서 접근할 수 없다. | | cookie | local storage | session storage | | --- | --- | --- | --- | | 생성자 | 클라이언트...

`` : HTML 파싱이 중단되고 즉시 스크립트가 로드되며 로드된 스크립트가 실행되고 파싱이 재개된다. `` : HTML 파싱과 병렬적으로 로드가 되는데, 스크립트를 실행할 때는 파싱이 중단된다. 구글 애널리틱스와 같이 다른 스크립트가 의존하지 않는 독자적인 스크립트를 로드할 때 적합하다. ` : HTML 파싱과 병렬적으로 로드가 되는데, 파싱이 끝나고 스...