DTD及meta介绍

DTD介绍

文档类型定义(Document Type Definition)是一套关于标记符的语法规则。这里主要说明其在HTML中的规则,基本上可以拿来直接使用。

文档类型定义可定义合法的标准通用标记语言、可扩展标记语言文档构建模块。它使用一系列合法的元素来定义文档的结构

HTML5的DTD:

<!DOCTYPE html>

HTML4的DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


meta

  • <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

  • <meta> 标签位于文档的头部,不包含任何内容。

  • <meta> 标签的属性定义了与文档相关联的名称/值对。

  • 在 HTML 中,<meta> 标签没有结束标签。

  • <meta> 标签永远位于 head 元素内部。

  • content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。content 属性始终要和 name 属性或 http-equiv 属性一起使用。



代码示例:

<head>
    <!-- “content-type:text/html”这将告诉浏览器准备接受一个 HTML 文档。 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <!-- name = author、description、keywords、generator、revised、others -->
    <meta name="keywords" content="HTML,ASP,PHP,SQL">
    
    <!--  识别设备屏幕大小  禁止缩放-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1.0, user-scalable=no" />
    <title>百度一下 你bu知道</title>
    <link rel="stylesheet" type="text/css" href="baidu.css" media="screen and (min-width:800px)">
    <link rel="stylesheet" type="text/css" href="mbaidu.css" media="screen and (min-width:200px) and (max-width:799px)">
    
</head>

参考网址:http://segmentfault.com/a/1190000002407912

你可能感兴趣的:(DTD及meta介绍)