在声明文档类型之后,HTML文档的下一部分为<html>
标签,告知浏览器应将括在<html>
…</html>
内的所有内容解析为HTML。然后是HTML文档的两个主要部分:<head>
和<body>
。<head>
将包含有关页面的常规信息和元数据,本文将详细介绍HTML的文档头部<head>
概述
<head>
大部分不可见,描述了文档的一些基本的属性和信息(可以呈现的是title和icon)。<head>
元素下的子元素主要包括<meta>
、<title>
、<base>
、<link>
、<style>
和<script>
这六个元素
meta
<meta>
标签(meta-information)用于提供页面有关的元数据,除了提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。通过设置不同的属性,元数据可以分为以下几种:
如果设置了charset,即将对网页使用的字符集作出声明HTML5
如果设置了name,它是一个文档级的元数据,将附着在整个页面上
如果设置了http-equiv,它是一个编译指令,即由服务器提供的来指示页面应如何加载
如果设置了itemprop,将定义一个用户自定义的元数据(未实现)
1、charset
charset声明声明当前文档所使用的字符编码,但该声明可以被任何一个元素的lang特性的值覆盖。文档的编码一定要与文件本身的编码保持一致,否则会出现乱码,推荐使用UTF-8编码
注意:字符编码必须写在<head>
元素的最开始,如果位于<title>
标签之后,那么<title>
标签很可能会乱码
<meta charset="utf-8"/>
2、name
【关键词】
<meta name="keywords" content="HTML, CSS, XML" />
【描述】
<meta name="description" content="Free Web tutorials on HTML, CSS, JavaScript" />
【作者】
<meta name="author" content="littlematch">
【版权】
<meta name="copyright" content="本页版权归王大锤所有">
【视口(移动端使用)】
<meta na