声明文档格式:DOCTYPE
首先,第一行:
<!DOCTYPE html>
声明了该文档是HTML 5的文档。因为在Web世界里,有很多各式各样的文档类型,所以我们首先需要做的便是声明该文档是HTML,以便浏览器正确显示网页。
如果你想声明为HTML 4.01的文档可以这样写:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
根元素:html 元素
然后,元素告知浏览器其本身是一个HTML文档。
除去第一行外,其余的页面内容都应该包含在元素中,所以它也被称为根元素。
头元素:head 元素
与属性会给元素增添附加信息一样,head元素能为整个网页增添更多信息。可以用在head中的标签有<base>,<link>, <meta>, <script>, <style>, 以及 <title>。
网页标题元素:title
本例网页主要内容是“自我简介”,所以title也设置为“自我简介”。
title元素的内容即网页标题,它是一个网页必需的元素之一。<title>的内容一般作为网页标签名,写法如下:
<title>标题内容</title>
元信息元素:meta
meta元素提供元数据信息,主要包括:
- 页面编码
- 网页标题
- 网页描述
- 网页关键词
这些信息,一方面可用于告知浏览器如何展示页面,另一方面可以提供给搜索引擎检索。
因为搜索引擎会通过meta元素的name和content属性来检索页面,所以当我们加入了合适的关键字和描述内容时,页面就更容易被搜索引擎发现。
编码格式:charset
- <meta charset=“utf-8”>
该行定义了浏览器解析网页文档时使用的编码方式。通常,我们使用utf-8编码以支持各国语言。
描述:description
描述信息使用一句话告知搜索引擎我们网页的主要内容是什么。通常description的写法如下:
- <meta name=“description” content=“一句话描述网页内容”>
关键词:keywords
同理,关键词信息使用多个并行的关键词告知搜索引擎我们网页内容的关键词信息。通常keywords的写法如下:
- <\meta name=“keywords” content=“关键词一,关键词二,关键词三”>