HTML 완료)

DOCTYPE Document Type의 약어입니다. DOCTYPE 선언이란? 웹 브라우저에게 해당 문서의 HTML 버전을 알려주는 역할을 합니다. DTD(Document Type Declaration)를 통해서 현재의 웹 문서가 어떤 버전의 HTML 기술로 작성

웹 접근성 & 웹 표준 & 웹 호환성 https://media.vlpt.us/images/hoho_0815/post/920bdef0-c730-40e8-a255-fc9758a247bf/html.webp 웹 접근성 : 모든 사람들에게 평등한 웹 이용을 위해 만들어졌습니다. 웹 접근성이 필요한 이유 : 보통 사람과 달리 웹 이용에 불편함을 느끼는 사...

https://media.vlpt.us/images/hoho_0815/post/c0675296-346d-4ec8-900c-8ef8304e14d4/html.webp 메타태그 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의하는데 사용 합니다. keyword는 검색 엔진을 위한 키워드를 정의 합니다. description은 웹 페이지에 대한 설명을 ...

https://media.vlpt.us/images/hoho_0815/post/ca6eb8f6-db61-4105-a55f-10e578219262/html.webp 시맨틱 마크업(Semantic Markup) 'Semantic' 이란 의미론적인 뜻을 가지며 'Mar

https://media.vlpt.us/images/hoho_0815/post/d58f748e-dca2-45fe-997d-72010955259a/html.webp 다국어 페이지를 만들 때 고려해야할 사항 1. 다양한 인터넷 속도를 수용할 수 있는 사이트 구축 :

https://media.vlpt.us/images/hoho_0815/post/e61610ae-9c13-4052-b946-bac3bffee2ea/html.webp 쿠키(Cookies) & 세션 스토리지(SessionStorage) & 로컬 스토리지(LocalStorage) 로컬 스토리지와 세션 스토리지는 HTML5에서 추가된 저장소 입니다.그리고, ...

https://media.vlpt.us/images/hoho_0815/post/5e2a2570-e715-416e-9f85-78c96b511b48/html.webp 커스텀 데이터 속성(date-*) HTML에서 기본적으로 제공되는 속성이 아닌, 개발자가 임의의 속성을 추가하고자 할 때 사용 합니다. 특징 커스텀 데이터 속성은 html tag 상에서...

https://media.vlpt.us/images/hoho_0815/post/ebc53785-2194-4795-a49d-ef9ad7666caf/html.webp 반응형(Responsive) 웹과 적응형(Adaptive) 웹 반응형 웹은 하나의 템플릿을 사용해 모

https://media.vlpt.us/images/hoho_0815/post/1bc93d0f-11cf-4737-bc49-4b4027fadc9c/html.webp 이미지 태그에 srcset 속성을 사용하는 이유 srcset 속성은 사용자의 디스플레이 사양에 따라 다른 해상도의 이미지를 제공함으로써 사용자 경험을 높이기 위해 사용 합니다.고사양 디스플레...

https://velog.velcdn.com/images/hoho_0815/post/b387207b-c461-4520-ace9-c79013326c2a/image.webp Open Graph 배포한 프로젝트를 카카오톡이나 SNS로 공유 했을 때 상대방에게 보여지는 썸네일 카카오톡 말고도, 페이스북이나 티스토리 등 링크를 공유 했을 때 Open Grap...