HTML网页头部代码全清楚资源-CSDN文库

66 浏览量 2020-12-09 01:04:26 上传评论收藏 67KB PDF 举报

以下所有代码全是在<head>…</head>之间，具体内容有：1，<title>…</title>标题元素，帮助用户更好识别文件，有且只有一个。当作为首页或收藏时做文件名。2，<link>…</link>显示本文档和其它文档之间的关系：<link rel=“stylesheet” href=“s.css”> 和外部样式表的连接。rel说明html文件和url两文档之间的关系，href说明文档名。3,<style>…</style>可以在文档中包含风格页。文档本身的内部样式。4,<base>…</base>为相对路径定义绝对路径url，读者下载你的文档后，也可知道从哪下的url格式：通信协议： HTML 网页的头部代码是构建网页结构和优化SEO的关键部分。在这篇文章中，我们将深入探讨几个重要的HTML标签，它们通常位于`<head>`标签内，以提供元信息、样式化、脚本支持和资源链接。 `<title>`标签是网页的标题元素，它出现在浏览器的标签页上，同时也是搜索引擎索引的重要依据。每个HTML文档只能有一个`<title>`标签，用于清晰地标识页面内容，方便用户识别和区分不同的网页。 `<link>`标签用于建立文档之间的关联，特别是与外部样式表的关系。`<link rel="stylesheet" href="s.css">` 将当前文档链接到名为`s.css`的CSS文件，这样可以实现页面的样式控制。`rel`属性描述了HTML文件与URL之间的关系类型，而`href`属性则指定了样式表文件的URL。接着，`<style>`标签允许我们在HTML文档内部直接编写CSS，实现文档的内部样式。这适用于小型项目或不希望使用外部样式表的情况。例如，`<style>body{background-color: #f0f0f0;}</style>` 可以将页面背景色设置为淡灰色。 `<base>`标签则是用来为文档中的所有相对URL指定一个基础URL，确保即使文档被下载并离线查看，也能正确解析资源链接。例如，`<base href="https://example.com/" />` 指定了文档的基础URL为`https://example.com/`，使得相对路径都能正确解析。 `<script>`标签用于引入JavaScript代码，可以是内联脚本或者链接到外部脚本文件。JavaScript是网页动态交互的核心，它可以处理用户输入、更新内容、执行动画等。例如，`<script src="script.js"></script>` 引入了一个名为`script.js`的外部JavaScript文件。 `<meta>`标签提供了元信息，用于描述文档的特性、搜索引擎优化（SEO）和其他相关设置。常见的`<meta>`标签包括： 1. `meta name="description"`：提供网页的描述，这对于搜索引擎排名至关重要。 2. `meta name="keywords"`：定义关键词，帮助搜索引擎理解页面主题。 3. `meta name="author"`：指定页面作者。 4. `meta name="robots"`：控制搜索引擎爬虫的行为，如是否索引、是否跟随链接等。 5. `meta http-equiv="Content-Type"`：设置页面的字符编码，如`charset=utf-8`。 6. `meta http-equiv="Refresh"`：定时重定向到其他页面。 7. `meta http-equiv="Expires"`：设置页面过期时间，影响缓存策略。 8. `meta http-equiv="Pragma"`：控制浏览器是否从缓存中加载页面。通过对这些HTML头部代码的理解和恰当使用，我们可以创建功能完善、结构清晰、搜索引擎友好的网页。这些元素是网页开发的基础，对于提升用户体验和搜索引擎可见性具有重要作用。

资源推荐

资源详情

资源评论

HTML 网页头部代码全清楚网页头部代码全清楚

以下所有代码全是在<head>…</head>之间，具体内容有：

1，<title>…</title>

标题元素，帮助用户更好识别文件，有且只有一个。当作为首页或收藏时做文件名。

2，<link>…</link>

显示本文档和其它文档之间的关系：<link rel=“stylesheet” href=“s.css”> 和外部样式表的连接。

rel说明html文件和url两文档之间的关系，href说明文档名。

3,<style>…</style>

可以在文档中包含风格页。文档本身的内部样式。

4,<base>…</base>

为相对路径定义绝对路径url，读者下载你的文档后，也可知道从哪下的

url格式：通信协议：//主机名/路径/文件名

5，<script>…</script>

用于包含脚本（一系列脚本语言写的命令）可以是 Javascript 或 VbScript。

6，<meta>…</meta>

meta标签的常见功能：

１、帮助主页被各大搜索引擎登录

２、定义页面的使用语言

３、自动刷新并指向新的页面

４、实现网页转换时的动画效果

５、网页定级评价

６、控制页面缓冲

７、控制网页显示的窗口。

meta是用来在HTML文档中模拟HTTP协议的响应头报文。

meta 的属性有两种：name和http-equiv。

name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都

使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和

keywords（分类关键词），所以应该给每页加一个meta值。

name 属性属性

1、<meta name="Generator" contect="editplus">用以说明生成工具（如Microsoft FrontPage 4.0）等；

2、<meta name="KEYWords" contect="jb51,cnrose">向搜索引擎说明你的网页的关键词；

3、<meta name="Description" contect="jb51’s blog">告诉搜索引擎你的站点的主要内容；

4、<meta name="Author" contect="jb51">告诉搜索引擎你的站点的制作的作者；

其中的属性说明如下：

设定为all：文件将被检索，且页面上的链接可以被查询；

设定为none：文件将不被检索，且页面上的链接不可以被查询；

设定为index：文件将被检索；

设定为follow：页面上的链接可以被查询；

设定为noindex：文件将不被检索，但页面上的链接可以被查询；

设定为nofollow：文件将不被检索，页面上的链接可以被查询。

http-equiv属性属性

1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language"

contect="zh-CN">用以说明主页制作所使用的文字以及语言；又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、

Euc、Koi8-2等字符集；

2、<meta http-equiv="Refresh" content="n; url=http://yourlink"> 定时让网页在指定的时间n秒内，跳转到页面http;//yourlink；

3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须

到服务器上重新调用。需要注意的是必须使用GMT时间格式；

4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离

开网页就无法从Cache中再调出；

5、<meta http-equiv="set-cookie" contect="Mon,12 May 2004 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将

被删除。需要注意的也是必须使用GMT时间格式；

6、<meta http-equiv="Pics-label" contect="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限

制的网站，而网站的限制级别就是通过meta属性来设置的；

7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人

当作一个frame页调用；

8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit"

contect="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页

过渡”，不过所加的页面不能够是一个frame页面。

Duration的值为网页动态过渡的时间，单位为秒。

Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：

0 盒状收缩 1 盒状放射

2 圆形收缩 3 圆形放射

4 由下往上 5 由上往下

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论收藏

内容反馈

weixin_38631182

粉丝: 8
资源: 954

HTML 网页头部代码全清楚

网页头部代码

HTML网页头部代码实例详解

oneNiceUIPage:vue+elementUI 创建的一个好看的UI页面。暂时无js代码，只作为UI展示

20个超漂亮实用的纯CSS web2.0导航菜单模板

文件所有头部汇总hex.zip

js获取当前日期代码适用于网页头部

jQuery网页下拉滚动表格头部固定在顶端代码

jQuery网页下拉滚动表格头部固定在顶端代码.zip

通过Dreamweaver.CS3学习HTML+DIV+CSS教学PPT第2章__网页头部Head

创建头部固定可滚动的表格

JavaScript实现网页头部进度条刷新

jQuery向下滚动表格头部固定代码

一个简单的网页设计HTML5作业

H989_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip

农产品HTML网页制作- 设置网页头部信息.pptx

网页头部自动弹出并定时关闭的广告代码

SEO 网站优化 源代码的优化案例

zencart头部超级菜单导航

网页模板和素材

电子商务商城网站代码

【HTML5】\HTML5 Cookbook.（高清本文）pdf

简洁扁平化个性商务发布会html5模板5200.zip

jQuery+EasyUI实现头部固定带滚动条table表格特效源码.zip

HTML页面自动清理js、css文件的缓存（自动添加版本号）

CSS代码命名惯例语义化的方法.docx

web项目页面缓存清除，不用每次刷新浏览器

个人网站设计方案报告.doc

Designload 公司模板

最新资源

SEO 网站优化源代码的优化案例