美文网首页
关于DOCTYPE和meta

关于DOCTYPE和meta

作者: jackie季 | 来源:发表于2018-07-21 14:30 被阅读0次

    <!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">

    相关文章

      网友评论

          本文标题:关于DOCTYPE和meta

          本文链接:https://www.haomeiwen.com/subject/zlkhmftx.html