[html]html头部标签

楼主^#

更多发布于：2019-02-17 19:10

1，Doctype
Doctype告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档。

BackCompat：标准兼容模式未开启(怪异模式、混杂模式)；

CSS1Compat：标准兼容模式已开启(严格模式)。

这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat，这也就是恶魔的开始，浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式；
如果你的页面添加了那么就等同于开启了标准模式，浏览器会老老实实按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器显示的就都是一样的了。

Doctype告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档，dtd文件则包含了标记、attributes、properties、约束规则，在这里推荐使用<!DOCTYPE html>。
更多规则请参考：https://hsivonen.fi/doctype/

2、Meta(metadata infomation)
提供有关页面的元信息，例：页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词。

页面编码

&lt;meta http-equiv="content-type" content="text/html;charset=utf-8"&gt;
&lt;meta charset="utf-8"&gt;

刷新和跳转

&lt; meta http-equiv=“Refresh” Content=“30″&gt; 
&lt;!--页面30秒刷新一次--&gt;
&lt; meta http-equiv=”Refresh“ Content=”5; Url=http://www.autohome.com.cn“ /&gt;    
&lt;!--5秒后自动跳转到后面地址--&gt;

关键词

3、Title(页面头部信息)
4、Link

CSS

&lt;link rel="stylesheet" type="text/css" href="css/common.css"&gt;
&lt;!--引入外部样式--&gt;

icon

&lt;link rel="shortcut icon" href="image/test.ico"&gt;
&lt;!--导入图片--&gt;

5、Style(在页面中写样式)

&lt;style type="text/css"&gt;
   .hide{
       display: none;
   }
&lt;/style&gt;

6、Script

引进文件

&lt; script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js"&gt; &lt;/script &gt;

写JS代码(一般写在body的最底部)

&lt;script type="text/javascript"&gt;
      .......
&lt;/script&gt;

喜欢0

发帖回复

« 返回列表

您需要登录后才可以回帖，登录或者注册

返回顶部

公众号

[html]html头部标签

最新喜欢：