meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查、分类(目前几乎所有的搜索引擎都使用网上机器人自动查meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。
比较常用的有以下几个:
name 属性
<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;
<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;
<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;
<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">
其中的属性说明如下:
比较常用的有以下几个:
name 属性
<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;
<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;
<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;
<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">
其中的属性说明如下:
设定为all:文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。
http-equiv属性
<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等字符集;
<meta http-equiv="Refresh" contect="n;url=yourlink" >定时让网页在指定的时间n内,跳转到页面http;//yourlink;
<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。
http-equiv属性
<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等字符集;
<meta http-equiv="Refresh" contect="n;url=yourlink" >定时让网页在指定的时间n内,跳转到页面http;//yourlink;
<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
<meta http-equiv="Pics-label" contect="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion=50)">和<meta http-equiv="Page-Exit"contect="revealTrans(duration=20,transtion=6)">端午节假期2022法定假日几天设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
<meta http-equiv="Pics-label" contect="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion=50)">和<meta http-equiv="Page-Exit"contect="revealTrans(duration=20,transtion=6)">端午节假期2022法定假日几天设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。
--------在编辑窗口中隐藏一些不必要的标签--------
当用户在网页中插入了太多的不可见元素时,在编辑窗口的最上面就会显示一排相应的标
当用户在网页中插入了太多的不可见元素时,在编辑窗口的最上面就会显示一排相应的标
示标签,用来方便用户随时能到它们。虽然这些标签本身并不影响浏览器里的显示效果,但多了以后,往往使网页内容不得不错位,从而一定程度上妨碍网页视觉上的调整,那么怎么样才能把这些东东去掉呢?
进入“Preperence”面板,列表中选择“Invisibel Elements”,
勾掉你不想显示的项目前的“对号”童话作文即可,比如Scripts等
进入“Preperence”面板,列表中选择“Invisibel Elements”,
勾掉你不想显示的项目前的“对号”童话作文即可,比如Scripts等
--------为不支持“框架”的浏览器安排显示内容--------
我们知道,目前的浏览器类型很多,因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢?”。框架就是一个例子!
不过避免开这点,很简单,你只需要在源代码中加入下面的内容就可以了。
< BODY><noframes> ---本网页中包含有框架结构,如果您不能正常显示的话,请下载新的浏览器版本或更换主流浏览器--- < /noframes></ BODY>
我们知道,目前的浏览器类型很多,因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢?”。框架就是一个例子!
不过避免开这点,很简单,你只需要在源代码中加入下面的内容就可以了。
< BODY><noframes> ---本网页中包含有框架结构,如果您不能正常显示的话,请下载新的浏览器版本或更换主流浏览器--- < /noframes></ BODY>
--------避免自己的网页被放入别人的框架--------
一些居心不良的人,经常偷着窃取别人的劳动成果,比如把别人精心制作的网页以子页的形式放到自己的框架中。
一些居心不良的人,经常偷着窃取别人的劳动成果,比如把别人精心制作的网页以子页的形式放到自己的框架中。
那么怎样避免自己的网页内容被“盗用”呢?
你只需要在网页源代码的<head></head>之间加入以下代码内容:
<script language=“javascript”><!--
if (self!=top){top.location=self.location;}
-->< /script>
你只需要在网页源代码的<head></head>之间加入以下代码内容:
<script language=“javascript”><!--
if (self!=top){top.location=self.location;}
-->< /script>
--------加注释内容--------
注释内容,顾名思义只是作为说明内容出现的,因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示,以更方便快捷的到。
进入“Object”面板的“Invisibel”部分(即不可见元素),选择插入“Comment”按钮,
在“Comment”中键入必要的信息。这时如果你返回到源代码中,会看到这些操作添加的不过是下面格式的一段代码:
<!--这是需要填写的注释内容-->
注释内容,顾名思义只是作为说明内容出现的,因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示,以更方便快捷的到。
进入“Object”面板的“Invisibel”部分(即不可见元素),选择插入“Comment”按钮,
在“Comment”中键入必要的信息。这时如果你返回到源代码中,会看到这些操作添加的不过是下面格式的一段代码:
<!--这是需要填写的注释内容-->
--------设置水平线<hr>的颜--------
在DW中,当通过菜单“Insert”-“Horizonal Rule”插入水平线时,在属性面板中你会发现并没
在DW中,当通过菜单“Insert”-“Horizonal Rule”插入水平线时,在属性面板中你会发现并没
有提供关于水平线颜的设置,因为最早NC中不支持标签<hr>(水平线的HTML代码)的COLOR属性,所以DW也没有关于它的设置。
看来需要的话,我们只能直接进入源文件更改了。
<hr color="对应颜的代码">
看来需要的话,我们只能直接进入源文件更改了。
<hr color="对应颜的代码">
--------制作可以关闭当前窗口的链接--------
这里我们可以先输入用来标示的文字“关闭窗口”,用鼠标拖动选中它,在“Link”输入框中键入“/”,同时切入源代码窗口,在链接代码中键入该事件-onclick=“福建旅游window.close(); return false;”。
完整的代码为:< a href=“/”onclick=“window.close(); return false;”>关闭窗口< /a>
当然你也可以将文字“关闭窗口”换成其他的对象,比如图片,按钮等等!
这里我们可以先输入用来标示的文字“关闭窗口”,用鼠标拖动选中它,在“Link”输入框中键入“/”,同时切入源代码窗口,在链接代码中键入该事件-onclick=“福建旅游window.close(); return false;”。
完整的代码为:< a href=“/”onclick=“window.close(); return false;”>关闭窗口< /a>
当然你也可以将文字“关闭窗口”换成其他的对象,比如图片,按钮等等!
--------定时自动关闭的窗口--------
上面提到了个关闭窗口的功能,那么现在的自动关闭又是怎么实现的呢?
在源代码<body>后加入下面的代码:
< script LANGUAGE=“javascript”> <!--
上面提到了个关闭窗口的功能,那么现在的自动关闭又是怎么实现的呢?
在源代码<body>后加入下面的代码:
< script LANGUAGE=“javascript”> <!--
setTimeout('window.close();', 10000);
--> < /script>
其中的set Timeout是一个用来设定延迟时间的函数,这里10000表示10秒钟。
--> < /script>
其中的set Timeout是一个用来设定延迟时间的函数,这里10000表示10秒钟。
--------更改浏览器中鼠标的"形状"--------
一般情况下,鼠标在浏览器中以“箭头”的样式出现,那么我们能不能把它更改为自己喜欢的其他样式类型呢?
改变鼠标形状在DW中是通过“CSS样式表”来实现的。
菜单“文字(Text)”-“CSS样式表(CSS style)”-“Edit style sheet”,弹出样式表的编辑窗口,也可以单击快速启动板中的CSS style按钮到,
单击“New”按钮,选择默认的“Make custom style”,同时在下面的Define中使该样式只应用到当前网页文档,“This document only”。
在“样式定义”窗口的左边列表项中选择“Extensing”(扩展项),相应右边设置
在“Cursor”(鼠标)中,下拉选择合适的形状即可,确定后返回,按F12在浏览器中观察效果,不满意的话,还可以对样式进行修改。
一般情况下,鼠标在浏览器中以“箭头”的样式出现,那么我们能不能把它更改为自己喜欢的其他样式类型呢?
改变鼠标形状在DW中是通过“CSS样式表”来实现的。
菜单“文字(Text)”-“CSS样式表(CSS style)”-“Edit style sheet”,弹出样式表的编辑窗口,也可以单击快速启动板中的CSS style按钮到,
单击“New”按钮,选择默认的“Make custom style”,同时在下面的Define中使该样式只应用到当前网页文档,“This document only”。
在“样式定义”窗口的左边列表项中选择“Extensing”(扩展项),相应右边设置
在“Cursor”(鼠标)中,下拉选择合适的形状即可,确定后返回,按F12在浏览器中观察效果,不满意的话,还可以对样式进行修改。
-
-------让网页的背景图片不随内容滚动--------
背景图片是很多网页设计者经常添加的东西,当网页内容超出一屏时,拉动滚动条背景图片会与内容相对静止的一起滚动,那么能否锁定背景不跟随滚动呢?当然可以进入“Edit style sheet”窗口,单击“New”确立新样式,在TYpe中选择“Redefine HTML Tag”,同时Tag选单选中“Body”,在左边列表中选择“Background”。 设定“Attachment”(附件)为“fixed”。其中scroll代表默认使用的滚动显示。
另外一种方法是:在<body>中加入一个参数bgpoperties,如:<body background="*.jpg" bgproperties=fixed>。
背景图片是很多网页设计者经常添加的东西,当网页内容超出一屏时,拉动滚动条背景图片会与内容相对静止的一起滚动,那么能否锁定背景不跟随滚动呢?当然可以进入“Edit style sheet”窗口,单击“New”确立新样式,在TYpe中选择“Redefine HTML Tag”,同时Tag选单选中“Body”,在左边列表中选择“Background”。 设定“Attachment”(附件)为“fixed”。其中scroll代表默认使用的滚动显示。
另外一种方法是:在<body>中加入一个参数bgpoperties,如:<body background="*.jpg" bgproperties=fixed>。
--------自动加入网页更改后的日期--------
只需要在源文件<body></body>之间添加如下代码即可。
< Script Language=“javascript”><!--
document.write(“Last Updated:”+document.lastModified);
-->< /Script>
在浏览器中的显示样式为:“Last Updated:2001/8/19”
只需要在源文件<body></body>之间添加如下代码即可。
< Script Language=“javascript”><!--
document.write(“Last Updated:”+document.lastModified);
-->< /Script>
在浏览器中的显示样式为:“Last Updated:2001/8/19”
-
-------控制弹出POPUP信息--------
有时,当我们点击链接时,会出现一些着重性说明的提示信息,也就是弹出信息。比如当某个链接还没有完成目标内容页的制作时,就可以应用POPUP信息解释一下。
在网页中合适位置输入链接文字,选中,在属性面板中制作链接。在仍保持选中状态的前提下,单击快速启动板中的“Behavior”按钮,
点击左上的“+”号,从列表中选中“Popun message”,在随后的窗口中输入需要提示的信息,设定该动作的鼠标事件(Events)为点击(onclick)。
有时,当我们点击链接时,会出现一些着重性说明的提示信息,也就是弹出信息。比如当某个链接还没有完成目标内容页的制作时,就可以应用POPUP信息解释一下。
在网页中合适位置输入链接文字,选中,在属性面板中制作链接。在仍保持选中状态的前提下,单击快速启动板中的“Behavior”按钮,
点击左上的“+”号,从列表中选中“Popun message”,在随后的窗口中输入需要提示的信息,设定该动作的鼠标事件(Events)为点击(onclick)。
--------隐藏状态栏的URL地址信息--------
浏览网页,当鼠标停留在链接上方时,在下面的状态栏中会自动显示该链接目标地址,考虑到安全方面的问题,有时我们需要把它重置为“零”,即设为空白。
现在只需要在链接代码中作些手脚就可以实现了,
< a href= tech.163/school onMouseOver="window.status='none';return true">网易学院< /a>
浏览网页,当鼠标停留在链接上方时,在下面的状态栏中会自动显示该链接目标地址,考虑到安全方面的问题,有时我们需要把它重置为“零”,即设为空白。
现在只需要在链接代码中作些手脚就可以实现了,
< a href= tech.163/school onMouseOver="window.status='none';return true">网易学院< /a>
--------改变状态栏里的提示文字--------
默认情况下,当网页被载入时,在状态栏里将显示该网页的地址等信息。想不想让它变的更有魅力呢?
在DW“Behavior”行为板中,单击“+”号选择“Set Text Set”下的“Text Of Status Bar”选项,
在“Set Text of Status Bar”窗口中输入类似“欢迎你光临本网站沈腾评论韩寒没人接机--网管留言”等Message信息。
在DW“Behavior”行为板中,单击“+”号选择“Set Text Set”下的“Text Of Status Bar”选项,
在“Set Text of Status Bar”窗口中输入类似“欢迎你光临本网站沈腾评论韩寒没人接机--网管留言”等Message信息。
--------的表单处理方式--------
表单应该是网页交互功能中必不可少的元素,表单的功能缘于信息的交互,因此表单的处理往往涉及到网络高级编程语言的使用,你或许说,哇!我不会编程呀!没关系,其实对于一些简单的表单内容处理靠也可以实现。
先看下面的代码:
<form name="content" method="post" action="需要使用的处理程序" ></form>
上面是一个典型的表单的HTML源代码,其中METHOD决定采用方式,包括POST和GET两种。ACTION也就是咱们上面说的处理程序,一般可通过ASP/PHP/CGI实现。
那么用怎么实现呢?action=mailto:XXX@163,这样当点击提交按钮后,就会弹出一个提示窗口,单击“确定”表单内容会发送到指定的邮箱中。
表单应该是网页交互功能中必不可少的元素,表单的功能缘于信息的交互,因此表单的处理往往涉及到网络高级编程语言的使用,你或许说,哇!我不会编程呀!没关系,其实对于一些简单的表单内容处理靠也可以实现。
先看下面的代码:
<form name="content" method="post" action="需要使用的处理程序" ></form>
上面是一个典型的表单的HTML源代码,其中METHOD决定采用方式,包括POST和GET两种。ACTION也就是咱们上面说的处理程序,一般可通过ASP/PHP/CGI实现。
那么用怎么实现呢?action=mailto:XXX@163,这样当点击提交按钮后,就会弹出一个提示窗口,单击“确定”表单内容会发送到指定的邮箱中。
--------制作规范的链接--------
所谓的“护肤品牌有哪些链接”即是当我们点击它时,浏览器会自动调用默认使用的邮件客户端程序发送。
输入“有问题MAIL ME”字样,鼠标拖拉选中,切换到属性面板,在LINK输入框中键入如下命令:
Mailto:XXX@163?Subject=网友来信&bc=其他地址&bcc=其他地址。其中Mailto为邮件链接的协议,怎么查询社保缴费记录Subject 为邮件的标题,bc是同时抄送的邮件地址,bcc代表的也就是暗送了。
所谓的“护肤品牌有哪些链接”即是当我们点击它时,浏览器会自动调用默认使用的邮件客户端程序发送。
输入“有问题MAIL ME”字样,鼠标拖拉选中,切换到属性面板,在LINK输入框中键入如下命令:
Mailto:XXX@163?Subject=网友来信&bc=其他地址&bcc=其他地址。其中Mailto为邮件链接的协议,怎么查询社保缴费记录Subject 为邮件的标题,bc是同时抄送的邮件地址,bcc代表的也就是暗送了。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论