极客学院第二天整理

一、frameset标签

1、优化不行,一般用在网站后台

2、frameset元素可以定义一个框架集,被用来组织多个窗口(框架),必须使用cols和rows属性分割框架

3、frame标签是定义在frameset中的一个特定的窗口

<html>

<frameset cols="25%,50%,*">

<frame  src="www.baidu.com"/>

<frame   src="www.baidu.com" />

<frame   src="www.baidu.com" />

</html>

4、frameset标签属性

      1、frameborder   规定是否显示框架周围的边框,0表示内有边框,1表示要显示边框

      2、border  设置框架的边框粗细

      3、bordercolor   设置框架的边框颜色

      4、cols   纵向分割页面,有三种类型,数字,百分比,*   逗号分割

      5、rows  表示横向分割

frame标签属性

       1、name

       2、src     设置此框架要显示的页面名称或路径次为必须设置的属性

       3、scrolling   设置是否要显示滚动条,设置定值为auto,yes,no

       4、noresize   设置框架大小是否能手动调节

       5、marginheight  定义框架的上方和下方的边距

       6、marginwidth    定义框架的左侧和右侧的边距

       7、target   设置跳转的地址

二、iframe标签

       1、iframe是个内联框架,常用属性与frame相似

  <iframe  name="myframe"  src="demo.html" width="800px"  height="600px"> </iframe>

三、页头meta变标签

        1、<meta 属性="值" />

        2、meta标签永远位于head元素内部

        3、meta标签分为两大部分,1、http标题信息(http-equiv)和页面描述信息(name)

        4、http-equiv相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content

        5、<meta http-equiv="expires" content="Wed, 20 June 2016 10:30:00 GMT">

说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输

        6、<meta http-equiv="pragma" content="no-cache"/>

说明:禁止浏览器从本地计算机的缓存中调阅页面内容。注意:这样设定,访问者将无法脱机浏览

        7、<meta http-equiv="refresh" content="5;URL=http://www.baidu.com"/>

说明:定时刷新让网页自动链接到其它网页。注意:其中的5是指停留5秒钟后自动刷新到URL网址,秒数和URL直接用分号隔开

        8、<meta http-equiv="content-type" content="text/html; charset=utf-8" />

说明:设定页面使用的字符集。GB2312、GBK和UTF-8都是一种字符编码

  • UTF-8 (UTF-8包含全世界所有国家需要用到的字符,是国际编码,通用性强,又称万国码。如:阿里云、淘宝网等都采用这种编码方式)

        9、name是描述网页的,对应于content(网页内容),以便于搜索引擎机器人查找、分类,目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类。<meta name="参数" content="具体参数值" />

        10、<meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">

说明:告诉搜索引擎你网页的关键字是什么。

        11、<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!">

说明:description用来告诉搜索引擎你的网页主要内容。从百度搜索京东,红框内的信息就是meta标签,description描述的内容

        12、<meta name="robots" content="all"/>

说明: robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all、none、index、noindex、follow、nofollow。默认是all。

参数说明:

all:搜索引擎将索引此网页,且页面上的链接可以被查询,等价于index和follow

none:搜索引擎将忽略此网页,且页面上的链接不可以被查询,等价于noindex和nofollow

index:文件将被索引

follow:搜索引擎通过此网页的链接,索引搜索其它的网页。

noindex:文件将不被检索,但网页中的链接,可以索引搜索其它的网页

nofollow:文件将不被检索,搜索引擎不可以通过此网页的链接,继续索引其它网页 

        13、<meta name="author" content="作者的名字"/>

说明:标注网页的作者或制作组。

       

 

 

 

 

 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值