[기술인터뷰] HTML - DOCTYPE
💡 DOCTYPE
HTML이 어떤 버전으로 작성되었는지 미리 선언해, 웹브라우저가 내용을 올바르게 표시할 수 있도록 하는 것
➡️ 문서 형식을 정의해주는 것<!-- HTML5 --> <!DOCTYPE html>
💡 META 태그
HTML 문서가 어떤 내용을 담고 있고, 키워드는 무엇이며, 누가 만들었는지에 대한 정보를 담고 있는 태그
- 요소
- charset : 문서에서 허용하는 문자 집합에 대해 간단히 표시
<meta charset="utf-8"/>
- name : 메타 요소가 어떤 정보의 형태를 갖고 있는지 알려줌
- content : 실제 메타 데이터의 컨텐츠. 머릿말을 요약하는데 유용함
<meta name="author" content="Chris Mills"/> <meta name="description" content="The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps."/>
🎈 검색 엔진 최적화를 위한 메타 태그
- 검색 엔진을 위한 키워드를 정의
<meta name="keyword" content="HTML, meta, tag, element, reference" />
- 웹 페이지에 대한 설명(description)을 정의
<meta name="description" content="HTML meta tag page" />
- 문서의 저자(author)를 정의
<meta name="author" content="TCPSchool" />
- 5초 뒤에 다른 페이지로 리다이렉트(redirect) 시키기
<meta http-equiv="refresh" content="5;url=http://www.tcpschool.com" />
- 모든 장치에서 웹 사이트가 잘 보이도록 뷰포트(viewport)를 설정
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Author And Source
이 문제에 관하여([기술인터뷰] HTML - DOCTYPE), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@tanger2ne/기술인터뷰-HTML-DOCTYPE저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
