<!DOCTYPE>
DOCTYPE是‘document type’(文档类型)的缩写
!DOCTYPE是一个文档类型标记,在web设计中用来说明你用的XHTML或者HTML是什么版本。
<!DOCTYPE> 声明位于文档中最前面的位置,处于<HTML>标签之前
在HTML 4.01中,使用<!DOCTYPE> 声明需要引入DTD(文档类型声明),因为它基于SGML(Standard Generalized Markup Language 标准通用标记语言),DTD指定了标记语言的规则和语法,确保浏览器能够正确渲染内容。
HTML 4.01 规定了三种不同的<!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset
而在HTML5中,它不基于SGML,所以不需要引入DTD,仅规定了一种声明:<!DOCTYPE html>
<meta>
<meta>标签是HTML头部的一个辅助性标签,提供了一些元信息(例如针对搜索引擎的页面描述和关键字、定义页面使用的语言等),它不会显示在客户端,但是会被浏览器解析使用好<meta>标签对HTML很有利。
<meta>标签通常位于<head>内,通常以 名称/值 对出现,没有结束标签
它有如下一些属性:
属性 | 值 | 描述 |
---|---|---|
charset | character_set | 定义文档的字符编码。 |
content | text | 定义与 http-equiv 或 name 属性相关的元信息。 |
http-equiv | content-type default-style refresh | 把 content 属性关联到 HTTP 头部。 |
name | application-name author description generatorkeywords | 把 content 属性关联到一个名称。 |
实例:
实例 1 - 定义文档关键词,用于搜索引擎:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
实例 2 - 定义web页面描述:
<meta name="description" content="Free Web tutorials on HTML and CSS">
实例 3 - 定义页面作者:
<meta name="author" content="Hege Refsnes">
实例 4 - 每30秒刷新页面:
<meta http-equiv="refresh" content="30">
HTML 4.01 与 HTML5之间的差异:
在 HTML5 中,有一个新的 charset 属性,它使字符集的定义更加容易:
HTML 4.01:<meta http-equiv="content-type" content="text/html; charset=UTF-8">(相当于设置http头的Content-Type属性)
HTML5:<meta charset="UTF-8">
网友评论