在线咨询
服务热线
服务热线:021-61554458
TOP
网站建设 天津网站建设> 建站学堂 天津网站建设头部信息里设置网页的基底网址

天津网站建设头部信息里设置网页的基底网址

来源:网站建设 | 时间:2020-08-22 | 浏览:

头部信息里设置网页的基底网址

知识要点一:头顶部信息里设置网页页面的基底网址

基底网址的本质是统一设置超级链接的属性,基底网址标识是</base>,它有两个属性,href和_target。href用以设置基底网址的途径,_target用以设置超级链接的打开。

根据基底网址的加上,网页页面中全部的相对性网址网站根目录详细地址可转化成肯定详细地址。当电脑浏览器访问 网页页面时,根据<base>标识将相对性网址跟文件目录详细地址额外在基底网址途径的后边,进而转换成肯定详细地址。大家最先建立一个base.htm,撰写HTML编码以下:


复制代码
编码以下:

<html>
<head>
<title>基底网址的设置</title>
<base href="<a href="https://www.jb51.net">https://www.jb51.net</a>" _target="_blank" />
</head>
<body>
</body>
</html>

根据之上编码对基底网址的设置。Base.htm网页页面中的一切超级链接的详细地址,都将在其前边再加"https://www.jb51.net",即变换为肯定详细地址。而且,网页页面中的超级链接打开全是开启新页面。

知识要点二:头顶部信息的元信息标识

元信息标识是头顶部信息的基础标识,技术专业网页源代码上都对元信息有详尽设置。元信息标识为</meta>,为单标识。Meta原素出示的信息针对访问 客户不是由此可见的,一般用以界定网页页面信息的名字,关键词,创作者等。在HTML网页页面中,一个meta标识内便是一个meta內容,而在一个HTML头网页页面中能够 有好几个meta原素。

meta标识属性分二种:网页页面叙述属性(name)和http题目信息(http-equiv)。

name属性

name属性关键用以叙述网页页面的內容,用以对百度搜索引擎的提升,务必关键把握。恰当地设置name属性,便于百度搜索引擎(例如google,baidu)的检索智能机器人搜索,归类,百度搜索引擎一般都是全自动搜索meta值来给网页页面归类。name的赋值以下:

<1>keywords。即关键词,用以表明网页页面所包括的关键词等信息,进而提升被百度搜索引擎检索到的几率。撰写文件格式为<meta name="keywords" content =“关键词”/>,content属性的数值客户所设置的实际关键词。(一般可设置好几个关键词,她们中间用英文半角的分号分离,百度搜索引擎都限定关键词的总数,因此 关键词內容要简约精炼)

<2>description。翻译中文为"叙述",用以叙述网页页面的具体内容、主题风格等,有效设置还可以提升被百度搜索引擎检索到的几率。文件格式为<meta name="description" content =“对网页页面的叙述”/>,content属性数值客户所设置的网页页面实际叙述的內容,数最多容下1024字符,但百度搜索引擎一边只显示信息约前175字符。

<3>author。创作者,用以设置网址创作者的名字,较为技术专业的网址常常采用。文件格式为<meta name="author" content =“创作者名字”/>

<4>generator。制作器,用以设置网络编辑专用工具的名字,较为技术专业的网页页面上常常采用。文件格式<meta name="generator" content =“网络编辑专用工具名字”/>

<5>robots。智能机器人,用以限定网页页面检索方法。百度搜索引擎的检索智能机器人,顺着网页页面上的连接(如http和src连接),不断查找材料创建自身的数据库查询。根据这类meta标识能够 限定一部分內容不被百度搜索引擎检验到,减少一部分信息公开化。撰写文件格式为<meta name=“robots” content="命令组成">。该属性的值包括4个指令,分别是index、noindex、follow、nofollow,依据排列与组合,有4种组成。Index和follow组成也可称之为all,noindex和nofollow也可称之为none。

http-equiv属性

http-equiv属性的赋值实际以下:

<1>content-type,內容类型,用以设置网页页面的类型和語言字符集。撰写文件格式<meta http-equiv=“content-type” context=“text/html”;charset=“gb2312”/>,content属性的值意味着网页页面选用HTML编码輸出,字符集为gb2312(简体中文版),现代化网站开发得话,为了更好地标识符统一,提议charset选用utf-8.

<2>refresh。更新,用以设置多久内网页页面自身更新一次,或是用一段时间跳转到别的网页页面,第一种撰写文件格式<meta http-equiv=“refresh” context=“30”/>表明隔三十秒更新一次,第二种撰写文件格式<meta http-equiv=“refresh” context=“30;url=www.google.com”/>,表明三十秒后网页页面跳转到www.google.com网站

<3>expires,翻译中文为“期满”,用以设置网页页面期满時间。一旦网页页面到期,务必到网络服务器上再次启用网页页面。第一种撰写文件格式为<meta http-equiv=“expires” context=“Wed,10 Mar 2011 12:00:00 GMT”/>,content值意味着网页页面到期的時间,务必应用GMT时间格式。第二种撰写文件格式为<meta http-equiv=“expires” context=“30”/>,表明是多少秒后到期。

<4>cache-control,缓存文件操纵。用以禁止在缓存文件中启用网页页面,撰写文件格式为<meta http-equiv=“cache-control” context=“no-cache”/>,no-cache意味着不允许缓存文件。

<5>set-cookie,设置cookie,用以设置本网页页面cookie多长时间到期,撰写文件格式为<meta http-equiv=“set-cookie” context=“Wed,10 Mar 2011 12:00:00 GMT”/>,意味着到这一時间,cookie将被删掉。


知识要点三:头顶部信息完成与CSS及JavaScript混编

CSS承担HTML网页页面的款式,JaveScript承担HTML网页页面的动态性个人行为。CSS和JaveScript最常见的结合方法是载入头顶部信息一部分。
<1>添加CSS只需在头顶部信息中添加<style type=“text/css”></style>标识对。案例编码以下

复制代码
编码以下:

<html>
<head>
<title>CSS的设置</title>
<style type=“text/css”>
CSS主要内容
</style>
</head>
<body>
</body>
</html>

<2>添加JavaScript只必须在头顶部信息中添加<script type=“text/javascript”></script>标识对。案例编码以下:


复制代码
编码以下:

<html>
<head>
<title>CSS的设置</title>
<style type=“text/css”>
CSS主要内容
</style>
<script type=“text/javascript”>
JavaScript主要内容
</script>
</head>
<body>
</body>
</html>

知识要点四:常见头顶部信息作用强烈推荐

<1>网页页面转换动画特效,在其中一种动画特效的撰写文件格式以下:

复制代码
编码以下:

<meta http-equiv=“page-enter” content=“blendtrans(duration=0.5)”/>

http-equiv属性的数值page-enter时表进到该网页页面时开启动画特效,http-equiv属性的数值page-exit时意味着撤出(离去)该网页页面时开启动画特效。

Content属性的值意味着动画特效的类型,这类动画特效也叫动态性ps滤镜。ps滤镜类型许多 ,例如blendtrans便是很普遍得一种,实际效果为淡出淡入,duration值表明实际效果不断的時间(企业为秒)。

另一种ps滤镜动画特效撰写文件格式以下:


复制代码
编码以下:

<meta http-equiv=“page-enter” content=“revealTrans(duration=6)”/>

动态性ps滤镜revealTrans也可用以网页页面进到与撤出实际效果。Duration表明ps滤镜动画特效延迟时间(企业为秒),Transition是ps滤镜种类,表明想应用哪样动画特效,赋值为0~23。

<2>强制性网页页面在当今对话框以单独网页页面显示信息,能够 避免网页页面被别的网站框架,撰写文件格式以下:

复制代码
编码以下:

<meta http-equiv="window-target" content=“_top">

<3>网页页面标志设置,撰写文件格式以下:

复制代码
编码以下:

<link rel="Shortcut Icon" href="/myicon.ico">

href属性的值是ico图标文档的途径,这儿选用的是相对性网站根目录途径