HTML网页头部代码实例详解

2020-04-17 07:52:55易采站长站整理

<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属性的值代表特效的种类,这种特效也叫动态滤镜。滤镜种类很多,比如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图标文件的路径,这里采用的是相对根目录路径