html 文档头部

最新推荐文章于 2024-07-28 20:27:10 发布

weixin_34380296

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量706

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5cd81dcb51882569562224d2

版权

在 <html> 中包含两部分：<head> 和 <body>，而 <head> 不像 <body> 的内容显示在浏览器中。<head> 里面的内容不会在浏览器中显示，它的作用是包含一些页面的元数据。

head 包含的内容

mate 标签 mate（mate-information）标签用于提供页面的有关的元数据，比如：文档字符集、使用语言、作者等。通过设置不同的属性，提供不同的元数据。 charset 属性 声明当前文档所使用的字符编码，但该声明可以被任何一个元素的 lang 属性的值覆盖。文档的编码一定要与文件本身的编码保持一致，否则会出现乱码，推荐使用utf-8。字符编码必须写在 <head> 元素的最开始，如果位于 <title> 标签之后，那么 <title> 标签可能出现乱码。

<mate charset="utf-8"/>
复制代码

name 属性 和 content属性 name 指定了 mate 元素的类型，说明该元素包含了什么类型的信息。 content 指定了实际的元数据内容。

关键字

<mate name="keywords" content="HTML, CSS, XML"/>
复制代码

描述

<mate name="description" content="google is a search engine"/>
复制代码

作者

<mate name="author" content="teaguechan"/>
复制代码

版权

<mate name="copyright" content="本版权归 teaguechan 所用"/>
复制代码

http-equiv 属性 这个枚举属性定义了改变服务器和用户引擎行为的编译，这个编译值使用 content 来定义。让页面多少秒刷新，或跳转到其他网页。

<mate http-equiv="refresh" content="5"/>
<mate http-equiv="refresh" content="5;url=http://www.google.com"/>
复制代码

缓存过期时间可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。时间格式必须使用 GMT 时间格式。

<mate http-equiv="Expires" content="0"/>
<meta http-equiv="Expires" Content="Sat Nov 28 2016 21:19:15 GMT+0800"/>
复制代码

禁止缓存用于设定禁止浏览器从本机的缓存中阅读页面内容，用户无法脱机浏览。

<mate http-equiv="Pragma" content="No-cach"/>
复制代码

独立页面强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个 frame 页打开。

<mate euqiv="windows-Target" content="_top"/>
复制代码

title 标签 title 标签用于定义文档标题，显示浏览器的标题或标签页上。它只可以包含文本，若包含有标签，则包含的任何标签都不会被解释。在所有的 HTML 文档中，title 都是必须的。有三个作用一、定义浏览器工具栏的标题二、提供页面被添加到收藏夹时显示的标题三、显示在搜索引擎结果中的页面标题

<title>文档标题</title>
复制代码

base 标签 base 标签用于指定文档里所有相对 URL 地址的基础地址，为页面上所有链接规定默认地址和默认打开方式。一份文档最多一份元素。如果指定了多个元素，只会使用第一个的 href 和 target 属性，其余都会被省略。

<base href="http://www.google.com" target="_bank">
<a href="">google</a> //默认 google 打开
复制代码

link 标签 link 标签规定了外部资源与当前文档的关系引入外部样式表

<link rel="stylesheet" type="text/css" href="style.css"/>
复制代码

size 属性 size 属性规定被链接资源的尺寸，且只是当被链接资源是图标时，才可使用该属性。

<link rel="icon" href="demo.gif" type="image/gif" sizes="16x16" />  
复制代码

style 标签 style 标签包含了文档的样式化信息或文档的一部分。定义内部 CSS 样式

<style type="text/css">
    body{background-color: red;}
</style>  //如果设置 disabled 属性，关闭(不应用)样式规则到文档中的元素。
复制代码

script 标签 script 标签用于在文档中嵌入或引入可进行脚本。定义 javascript 脚本

<scirpt> 
    document.write("Hello World!");
</script> // 内部

<script src="myBlockingScript.js"></script> //外部引用
复制代码

转载于:https://juejin.im/post/5cd81dcb51882569562224d2

weixin_34380296

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 文档头部

在 <html> 中包含两部分：<head> 和 <body>，而 <head> 不像 <body> 的内容显示在浏览器中。<head> 里面的内容不会在浏览器中显示，它的作用是包含一些页面的元数据。head 包含的内容mate 标签mate（mate-information）标签用于提供页面的有关的元数据，比如：文档...
复制链接

扫一扫