您的位置：首页 > Web前端 > JavaScript

【HTML+CSS+JavaScript】网页实战开发笔记之一——HTML的头部信息里你不知道的事

2012-03-24 13:42 821 查看
HTML中我们一般把head部分称为网页的头部。头部部分的内容虽然不会在页面中显示，但它能影响到搜索引擎对网页的收录和排序，以及网页的各种全局设置，可以说是至关重要。

▲知识点一——头部信息里设置网页的基底网址

基底网址的实质是统一设置超级链接的属性，基底网址标签是</base>，它有两个属性，href和_target。href用于设置基底网址的路径，_target用于设置超级链接的打开方式。

通过基底网址的添加，页面中所有的相对网站根目录地址可转换成绝对地址。当浏览器浏览页面时，通过<base>标记将相对网站跟目录地址附加在基底网址路径的后面，从而转化成绝对地址。我们首先创建一个base.htm，编写HTML代码如下：

[html]
view plaincopyprint?

<html>

<head>

<title>基底网址的设置</title>

<base
href="http://www.google.com"
target="_blank"
/>
</head>

<body>

</body>

</html>

[html]
view plaincopyprint?

<html>

<head>

<title>CSS的设置</title>

<style
type=“text/css”>

CSS具体内容
</style>

</head>

<body>

</body>

</html>

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


<2>加入JavaScript只需要在头部信息中加入<script type=“text/javascript”></script>标签对。范例代码如下：

[html]
view plaincopyprint?

<html>

<head>

<title>CSS的设置</title>

<style
type=“text/css”>

CSS具体内容
</style>

<script
type=“text/javascript”>

JavaScript具体内容
</script>

</head>

<body>

</body>

</html>

<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属性的值代表特效的种类，这种特效也叫动态滤镜。滤镜种类很多，比如blendtrans就是很常见得一种，效果为淡入淡出，duration值表示效果持续的时间（单位为秒）。

另一种滤镜特效编写格式如下：

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

动态滤镜revealTrans也可用于页面进入与退出效果。Duration表示滤镜特效持续时间（单位为秒），Transition是滤镜类型，表示想使用哪种特效，取值为0~23。

<2>强制页面在当前窗口以独立页面显示，可以防止网页被其他网站框架，编写格式如下：

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

<3>页面图标设置，编写格式如下：

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

href属性的值是ico图标文件的路径，这里采用的是相对根目录路径。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航