网站建设
网站备案流程
本机IIS服务器的创建
Win7下配置本机IIS服务器
建网站需要学习的内容
使用表格布局网页
定义网页头文件元素
制作弹出网页
制作网页宣传窗
Div+CSS布局网页
CSS的常见选择器
CSS设置文本样式
CSS设置背景颜色与图像
CSS设置表格样式
HTML中使用CSS的方法
CSS3新增的部分属性1
CSS3新增的部分属性2
CSS3动画与渐变
网页显示MySQL数据库中汉字的乱码问题
HTML5的新特性
HTML5的API
HTML5音视频API
HTML5表单
HTML5表单API
HTML5画布canvas
HTML5拖放API
HTML5地理位置API
HTML5离线应用API
HTML5 Workers多线程
HTML5跨源通信
HTML5 WebSocket通信
HTML5的Web存储API
HTML5本地数据库
HTML5其他一些API
Node.js功能和使用
常用Web前端工具
WebGL编程
GLSL ES语言
使用ThreeJs库3D编程
XML可扩展标记语言
网页头文件元素,指的是页面<head> </head>之间的部分,放置的是页面的概括类信息。文件头的信息一般不会直接显示在网页中,而是起“幕后”作用。其主要功能包括:
.确定浏览器以何种语言来解释页面,也就是使用哪种字符集来显示页面。
.搜索引擎可以阅读以获取页面的标题、概述、关键字等需要信息,以便用户搜索。
.当页面插入一些语言的代码时,如CSS及外部CSS文件指向或JavaScript(VBScript)等,其文档范围声明和子程序都会包含在文件头部分。
1. 查看网页中的文件头元素:
在Dreamweaver中,菜单【查看】-【文件头内容】,在视图的上方就会显示当前网页中的文件头元素图标。
点击出现的相应图标,在下面的【属性】面板中将会显示对应的信息。
2. 插入文件头元素:
在Dreamweaver中,菜单【插入】-【HTML】-【文件头标签】,其中菜单项显示了文件头的选项,包括META、关键字、说明、刷新、基础和链接,用户可以根据需要插入相应的内容。
3. META属性:
用户可以利用META属性插入各种描述性的数据。META支持的属性包括:
.name:指定特定名称。
.content:指定特性的值。
.http-equit:HTTP服务器通过该属性设计HTTP响应头标,以精确显示网页内容。
.scheme:用于命名一个解释特性的方案。
.lang:指定语言信息。
.dir:指定文本方向。
用户用菜单【插入】-【HTML】-【文件头标签】-【Meta】打开META对话框,其中可以建立META属性的相应内容,例如代码:
<meta name="author" content="dwenzhao"/>
4. 设置网页关键字:
菜单【插入】-【HTML】-【文件头标签】-【关键字】,打开对话框,用户可以在其中输入网页关键字,以空格或|分隔。例如代码:
<meta name="keywords" content="工程师|专业技术|业余爱好|个人空间|摄影|旅行|历史|文化" />
5. 设置网页说明:
用户在网页说明中添加的内容可以是标题和关键字的延伸和补充,有利于搜索引擎的查找。菜单【插入】-【HTML】-【文件头标签】-【说明】,打开对话框。例如代码:
<meta name="description" content="一个学习并实践网站及网页设计的平台" />
6. 设置网页刷新:
网页刷新用于强制浏览器在设定的时间载入当前页面,或者载入一个新的网站地址(主要用于网站搬迁)。菜单【插入】-【HTML】-【文件头标签】-【刷新】,打开对话框,设置网页转到某URL或刷新当前网页。例如代码:
<meta http-equiv="refresh" content="0" />
7. 设置网页基础URL:
通过设置网页基础URL,用户可以使当前页面所有的相对地址以设置的链接为基础,从而使所有的链接都指向一个位置。菜单【插入】-【HTML】-【文件头标签】-【基础】,打开对话框,设置使所有文档相对链接相对于HREF的地址以及目标。例如代码:
<base href="index.htm" target="_blank" />
(注:有些浏览器使用相对于站点根目录的URL,会忽略此选项;有些浏览器支持相对于文件的URL,如果加入此选项有时会产生错误。删去此设置往往效果更好)
8. 创建收藏夹图标:
使用收藏夹功能将某个网站收藏时,可以设定此页面的图标。菜单【插入】-【HTML】-【文件头标签】-【链接】,在对话框中使用“浏览”按钮,选中预先制作好的.ico扩展名的图标文件,并在Rel文本框中输入“shortcut ico”。例如代码:
<link href="/favicon.ico" rel="shortcut ico" />
9. 设置搜索robot:
网络搜索引擎,会放出robot/spider来搜索网站,而META元素的一些设置用于引导登录网银及其分支。菜单【插入】-【HTML】-【文件头标签】-【Meta】,打开对话框,在其中设置robot。例如代码:
<meta name="robots" content="index,follow" />
10. 禁用访问者缓存:
用户访问某个页面时会将该网站存储在缓存中,下次访问时就可以从缓存中读取,以提高网页访问速度。但如果网站已经更新,浏览器调出缓存时显示的还是原来的页面;有些网站会放置维持网站运转的广告内容,依靠访问者的刷新来增加收入,保存缓存将使广告计数器不被刷新。【插入】-【HTML】-【文件头标签】-【Meta】,打开对话框,在其中输入pragma。例如代码:
<meta http-equiv="pragma" content="no-cache" />
注:文件头元素可以通过菜单来设置,但往往直接插入代码更简单,特别是一些META设置。