`
ykyfendou
  • 浏览: 407886 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Html中head中标签部分的设置

    博客分类:
  • html
阅读更多

Htmlhead标签部分在网站实际运行中有很大的作用,是必须进行设置的地方。必不可少的设置标签如下

 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta charset="utf-8">

<link rel="shortcut icon" href="picture//logo/favicon.ico" />

<base href="." target="_blank">

<meta name="keywords" content="聊天交友,社交,脸盆网,facepot脸盆网,脸盆网facepot,网页游戏,交流互动,脸盆网登录,脸盆网主页,脸盆网留言">

<meta name="description" content="最轻松的聊天网站,让你找到曾经失去的朋友,距离不是问题,因为我们都在脸盆网。脸盆网,找朋友,找同学,玩游戏,看分享,社交互动,您最好的选择,快加入脸盆网吧。">

<title>脸盆网-登录</title>

</head>

<body>

</body>

</html>

 

1

<title>不用说,肯定是<title></title>标签,这时网站的名字,每一个网站都不希望做一个无名之辈。

2、然后自然就是搜索关键字的设置了,通过<meta name=”keywords”>来进行设置,可以设置多个,用逗号隔开。一般是该网站的功能关键字。

3、然后就是<meta name="description">了,它是设置网页被搜索到后显示的介绍,内容,一般使用概括性语言向网友推荐该网站。

4、为了让网站看起来更加美观,可以在标题中加入图片,可以让人在看到这个图片就会联想到是这个网站的图片,当打开页面的时候,这个图片连同该网站的标题都会显示在浏览器的选项卡中,在地址栏中也会显示这个图片。

<link rel="shortcut icon" href="picture//logo/favicon.ico" />

注意,这个图片是一个.ico格式的图片。设置的时候注意路径要正确。而且必须将rel定义为rel="shortcut icon"才可以。

 

可以使用下面的网站来制作ico格式的图片。

http://www.chami.com/html-kit/services/favicon/

 

5、设置网页内容格式,<meta http-equiv="Content-Type">这也是必不可少的,就不用多说了。

 

6cssjs的引用需要的时候,可以在head中进行引用,在head中引用的css会在body加载之前就先把css加载上。

 

7<base href="." target="_blank">是用来设置在新页面进行操作的,如点击登陆的时候,可以弹出一个新页面。如果不需要,删除这个配置即可。

 

 

0
0
分享到:
评论

相关推荐

    HTML5head头标签.pdf

    标签在&lt;head&gt;部分中具有重要作用,它可以定义字符编码、视口设置、SEO信息等。例如,使用声明页面编码为UTF-8,这是一种常用的字符编码格式,能够正确显示各种语言字符,包括中文、英文、阿拉伯文等。 在进行SEO...

    Head First HTML与CSS、XHTML 配套代码

    CSS可以内联样式(直接在HTML元素中使用`style`属性),嵌入样式(在`&lt;head&gt;`部分使用`&lt;style&gt;`标签)或外部样式(创建单独的.css文件引用)。 XHTML(Extensible HyperText Markup Language)是HTML和XML的结合体...

    Head First HTML与CSS 第2版中文高清版

    在第2版中,书里会详细介绍HTML5的新特性,如语义化标签、音频和视频元素,以及如何创建表单和处理用户输入等。HTML5的这些新功能增强了网页的互动性和多媒体表现力,让开发者能够创建更丰富的用户体验。 CSS...

    html5.js文件,在head部分引用该文件,使各种浏览器支持html5

    这个文件通常在网页的&lt;head&gt;部分通过标签进行引用,以便在页面加载时执行,确保在用户打开网页时,浏览器已经准备好处理HTML5的特性。 在HTML5中,引入了许多创新的元素和API,如离线存储(离线Web应用程序)、拖放...

    重要知识HTML5head头标签.pdf

    HTML5的&lt;head&gt;头标签是网页结构的重要组成部分,它们提供了关于网页的基本信息,对浏览器的渲染、搜索引擎优化(SEO)以及用户体验有着深远的影响。本文将详细介绍&lt;head&gt;中的常见标签和元素,帮助理解它们的含义及...

    Head first HTML with CSS and XHTM

    《Head First HTML with CSS and XHTML》会介绍选择器的概念,如何使用类(class)、ID以及元素选择器来定位网页中的特定部分,并通过设置颜色、字体、边距等属性来调整样式。同时,读者还将学会使用浮动(float)、...

    Html网页页面head区规范知识

    以上就是关于HTML文档`&lt;head&gt;`区域中必须和可选标签的详细介绍,这些标签对于构建高效、易于维护且对搜索引擎友好的网站至关重要。正确使用这些标签不仅能改善用户体验,还能提高网站的可访问性和搜索引擎排名。

    Head First HTML与CSS 第2版

    在第二版中,作者详细讲解了HTML5的新特性,包括语义化的标签如、和,以及音频和视频元素的处理。此外,书中还会介绍如何创建链接、表格、列表,以及如何组织复杂的页面结构。 CSS(Cascading Style Sheets)则是...

    Head First HTML and CSS, 2nd Edition

    该书作为Head First系列的一部分,针对HTML和CSS这两项核心技能进行了详细讲解。以下是对该书中提及的重要知识点进行的深入解析。 #### 核心理念与特点 - **直观教学法**:本书采用了一种非常直观的教学方法,通过...

    javascript写在head标签中产生的报错.pdf

    然而,当JavaScript位于`&lt;head&gt;`标签中时,需要注意一些潜在的问题,正如“javascript写在head标签中产生的报错”这个标题所描述的那样。 在这个例子中,我们看到一个简单的HTML结构,包含`&lt;head&gt;`和`&lt;body&gt;`标签。...

    Head First HTML5 随书源代码

    《Head First HTML5》是HTML5学习领域内一本广受欢迎的书籍,以其独特的教学方式深受读者喜爱。随书源代码提供了丰富的实例,帮助读者更好地理解和应用HTML5的新特性。以下是对书中涉及的知识点的详细解释: 1. **...

    html文件head内部标记浅析(meta,link,base,body)

    HTML文件的结构主要由&lt;head&gt;和两大部分组成,其中&lt;head&gt;标签包含了与文档元信息相关的内容,而则包含实际可见的网页内容。本文将深入解析&lt;head&gt;内部的几个关键标记:、、以及的基本属性。 一、 标记用于定义HTML...

    Head First系列之HTML

    在HTML中,`&lt;title&gt;`标签用于设置文档标题,而`描述内容"&gt;`用于提供页面描述。 8. SEO最佳实践:搜索引擎优化(SEO)是提高网站在搜索引擎中排名的过程。有效的HTML结构对SEO至关重要。该文档可能提到了如何使用...

    Head First HTML与CSS 第二版 源码打包

    《Head First HTML与CSS》是学习网页制作的经典教材,第二版更是对原有的内容进行了更新和完善。这个源码打包包含了书中各个章节的实例代码,旨在帮助读者更直观地理解和实践HTML和CSS的基础及进阶概念。以下是对每...

    head first html and css 第二版源码

    在《Head First HTML与CSS》第二版的源码中,你可能会发现一些示例页面,这些页面通常包含了不同的HTML结构和CSS样式,旨在帮助你理解如何将理论应用到实践中。例如,你可以看到如何创建导航栏、布局网格、响应式...

    headfirst_html与css_中文第2版(含源码)

    HTML由一系列元素组成,每个元素都有其特定的标签,如`&lt;html&gt;`、`&lt;head&gt;`和`&lt;body&gt;`等,用于创建网页的基本框架。在《Head First HTML与CSS》中,读者会了解到如何使用这些元素构建网页,包括添加文本、图片、链接、...

    Head First HTML5 Programming源码

    《Head First HTML5 Programming》是一本面向初学者的优秀教材,旨在帮助读者深入理解HTML5编程的核心概念和技术。源码通常包含书中实例的完整代码,是学习和实践HTML5编程的重要资源。在这个压缩包中,"html5-源码...

    《Head First HTML5 Programming 中文版》 绝对高清 带书签 150M

    在本书中,作者首先会引导读者了解HTML的基础知识,如元素、属性和标签,以及如何组织网页结构。接着,会详细介绍HTML5的新元素,如、、和等,这些元素有助于提高网页的可读性和搜索引擎优化。此外,HTML5的表单控件...

    html5理解head_动力节点Java学院整理

    首先,元素是&lt;head&gt;中的核心元素,它定义了浏览器标签页上显示的网页标题,同时也是搜索引擎识别网页内容的关键因素。一个良好的网页标题应该简洁明了,包含页面主题关键词,以便于用户和搜索引擎理解页面内容。 ...

Global site tag (gtag.js) - Google Analytics