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

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

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

代码如下:

基底网址的设置

通过以上代码对基底网址的设置。Base.htm页面中的任何超级链接的地址,都将在其前面加上"http://www.gxlcms.com",即转换为绝对地址。并且,页面中的超级链接打开方式都是打开新窗口。

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

元信息标签是头部信息的基本标签,专业网页代码中都对元信息有详细设置。元信息标签为,为单标签。Meta元素提供的信息对于浏览用户是不可见的,一般用于定义页面信息的名称,关键字,作者等。在HTML页面中,一个meta标签内就是一个meta内容,而在一个HTML头页面中可以有多个meta元素。

meta标签属性分两种:页面描述属性(name)和http标题信息(http-equiv)。

name属性

name属性主要用于描述网页的内容,用于对搜索引擎的优化,必须重点掌握。正确地设置name属性,以便搜索引擎(比如google,baidu)的搜索机器人查找,分类,搜索引擎一般都会自动查找meta值来给网页分类。name的取值如下:

<1>keywords。即关键字,用于说明网页所包含的关键字等信息,从而提高被搜索引擎搜索到的概率。编写格式为,content属性的值为用户所设置的具体关键字。(一般可设置多个关键字,他们之间用英文半角的逗号分开,搜索引擎都限制关键字的数量,所以关键字内容要简洁精练)

<2>description。中文意思为"描述",用于描述网页的主要内容、主题等,合理设置也可以提高被搜索引擎搜索到的概率。格式为,content属性值为用户所设置的页面具体描述的内容,最多容纳1024个字符,但搜索引擎一边只显示约前175个字符。

<3>author。作者,用于设置网站作者的名称,比较专业的网站经常用到。格式为

<4>generator。生成器,用于设置网站编辑工具的名称,比较专业的网站页面上经常用到。格式

<5>robots。机器人,用于限制页面搜索方式。搜索引擎的搜索机器人,沿着网页上的链接(如http和src链接),不断地检索资料建立自己的数据库。通过这种meta标签可以限制部分内容不被搜索引擎检测到,降低部分信息公开性。编写格式为。该属性的值包含4个命令,分别是index、noindex、follow、nofollow,根据排列组合,有4种组合。Index和follow组合也可称为all,noindex和nofollow也可称为none。

http-equiv属性

http-equiv属性的取值具体如下:

<1>content-type,内容类别,用于设置页面的类别和语言字符集。编写格式,content属性的值代表页面采用HTML代码输出,字符集为gb2312(简体中文),国际化网站开发的话,为了字符统一,建议charset采用utf-8.

<2>refresh。刷新,用于设置多长时间内网页自己刷新一次,或者用一段时间自动跳转到其他页面,第一种编写格式表示隔30秒刷新一次,第二种编写格式,表示30秒后页面自动跳转到www.google.com网站

<3>expires,中文意思为“到期”,用于设置页面到期时间。一旦网页过期,必须到服务器上重新调用网页。第一种编写格式为,content值代表网页过期的时间,必须使用GMT时间格式。第二种编写格式为,表示多少秒后过期。

<4>cache-control,缓存控制。用于禁止在缓存中调用网页,编写格式为,no-cache代表不允许缓存。

<5>set-cookie,设置cookie,用于设置本页面cookie多久过期,编写格式为,代表到这个时间,cookie将被删除。

知识点三:头部信息实现与CSS及JavaScript混编

CSS负责HTML网页的样式,JaveScript负责HTML网页的动态行为。CSS和JaveScript最常用的融合方式是写入头部信息部分。

<1>加入CSS只需在头部信息中加入标签对。范例代码如下

代码如下:

CSS的设置

<2>加入JavaScript只需要在头部信息中加入

制作网页头部用html,HTML网页头部代码实例详解_HTML/Xhtml_网页制作相关推荐

  1. html网页底部代码实例,HTML网页头部代码实例详解H 这个首页的html5网站

    这个首页的html5网站设计代码(尤其是头部那登录注首先先说一下HTML5的代码只是在原有的XHTML基础上增加了一些新的标签(还有一些新的特性,例如数据库和缓存等特性) 以下为此页面的结构代码: 页 ...

  2. html网页效果分析,熟手的html编写风格与原因分析_HTML/Xhtml_网页制作

    一.导航:无序列表 对 其它标签元素 用最常用的"无序列表"来写导航的理由是显而易见的,它代表一列链接,这本身就有足够的理由应选择列表标签.但需要移除list列表的默认样式,以使其 ...

  3. 《HTML5网页开发实例详解》连载(四)HTML5中的FileSystem接口

    HTML 5除了提供用于获取文件信息的File对象外,还添加了FileSystem相关的应用接口.FileSystem对于不同的处理功能做了细致的分类,如用于文件读取和处理的FileReader和Fi ...

  4. Linux 创建网页服务,Linux使用Node.js建立访问静态网页的服务实例详解

    Linux使用Node.js建立访问静态网页的服务实例详解 一.安装node.js运行所需要的环境,: 二.创建node目录(/node/www),并在目录下创建node.js服务文件server.j ...

  5. WEB前端之网页设计③----最新最全详解/如何在网页上创建表格

    WEB前端之网页设计③--最新最全详解/如何在网页上创建表格 一.表格效果图1: <table border="0px" cellspacing="1px" ...

  6. html5 表格向下,html中table固定头部表格tbody可上下左右滑动代码实例

    本篇文章小编给大家分享一下html中table固定头部表格tbody可上下左右滑动代码实例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 当表格头部固 ...

  7. python手机壁纸超清_详解Python静态网页爬取获取高清壁纸

    前言 在设计爬虫项目的时候,首先要在脑内明确人工浏览页面获得图片时的步骤 一般地,我们去网上批量打开壁纸的时候一般操作如下: 1.打开壁纸网页 2.单击壁纸图(打开指定壁纸的页面) 3.选择分辨率(我 ...

  8. html网页中圆角边框的编写,Html实现边框圆角的实例详解

    这篇文章主要为大家详细介绍了html轻松实现圆角矩形的方法,告诉大家如何通过p+css以及定位来实现圆角矩形?感兴趣的小伙伴们可以参考一下 问题:如何通过p+css以及定位来实现圆角矩形? 解决方法概 ...

  9. html右侧浮动菜单,HTML+CSS:css元素浮动详解,使用浮动制作导航栏菜单

    原标题:HTML+CSS:css元素浮动详解,使用浮动制作导航栏菜单 今天这篇文章我们来说一下css的浮动属性(float),给块状元素添加float属性可以使其转变为行内元素,也就是我们所说标签对象 ...

  10. HTML导航栏的四种制作方法,jQuery+CSS3实现四种应用广泛的导航条制作实例详解

    导航条的使用很广,每个网站都会做出具有自己特色的导航条.最近特地去了解了各种类型的导航条,比如具有高亮显示的导航条,中英文互相切换的导航条,具有弹性动画的导航条,甚至是具有摩擦运动动画的导航条(文字下 ...

最新文章

  1. 令人苦恼的调试缓慢问题
  2. Idea新建项目默认是JDK1.5解决办法
  3. ubuntu 源码安装nginx
  4. 线程系列5--java中的ThreadLocal类实现线程范围内的数据共享(二)
  5. Firefox终于返回到了Debian stable
  6. 服务器上有涉密文件,涉密文件保密管理规定
  7. 【 Date 对象 参考手册】
  8. @程序员,早知道假期这样你会干什么?
  9. 学号程序编辑 c语言,C语言程序设计实习报告 行编辑器 学生管理系统
  10. HGE引擎写的俄罗斯方块程序(附vc源码)[r]
  11. jQuery学习_具备吸附功能的拖曳框
  12. 数据挖掘中特征选择算法的基本综述
  13. [ 转载 ]微信小程序font-family
  14. E+H流量计5P3B15-BBDBAAAFADEA1S1AA1+AK
  15. PLC(可编程逻辑控制器)
  16. 根据经纬度查询数据mysql
  17. python ar_四种AR的实现方式
  18. php随机调用百度背景图片,如何在网页中调用岁月小筑随机图片API——背景图片...
  19. 我爱Java系列---【分页查询】
  20. 谷歌背后的数学(PageRank)

热门文章

  1. 2017年第八届C/C++ B组蓝桥杯省赛真题
  2. 智能配电房综合环境监控系统
  3. 【数据可视化】免费开源BI工具DataEase实现了SQL数据集和Excel数据集关联?(什么?快别挡着我,冲!)
  4. 软件测试项目实战(web+app+h5+小程序)
  5. Python 批量爬取猫咪图片实现千图成像
  6. QT学习第一步 QT下载及安装详细步骤
  7. 从普通物理到弦论教材推荐
  8. 【Vue使用高德API制作热力图】
  9. centos光盘修复引导_CentOS7修复安装
  10. unity的下载与安装