CSS+DIV+HTML杂(三)

最新推荐文章于 2024-11-10 22:11:41 发布

jhlovett

最新推荐文章于 2024-11-10 22:11:41 发布

阅读量92

点赞数

分类专栏： DIV+CSS+XHTML+XML 文章标签： HTML CSS 编程搜索引擎脚本

DIV+CSS+XHTML+XML 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

一:<label>标签
如果想通使用普通windows程序一样,可以用快捷键在表单字符元素之间进行切换,
选中或清除复选框,选择单选按钮,这久需要使用<label></label>标签来实现这种功能了
如:
<form>
<label for="usr" accesskey="a">用户名(<u>a</u>):</label>
<input type="text" name="user" id="usr" /><br />
<label for="pas" accesskey="b">密码(<u>b</u>)</label>
<input type="password" name="pass" id="pas" /><br />
<label for="male" accesskey="c">男(<u>c</u>)</label>
<input type="radio" name="sex" id="male"/>
<label for="female" accesskey="d">女(<u>d</u>)</label>
<input type="radio" name="sex" id="female" /><br />
<label for="mar" accesskey="e">婚姻状况</label>
<input type="checkbox" id="mar" name="married" />
</form>
依次按下Alt+A键、Alt+B键、Alt+C键、Alt+D键、Alt+D键就能看到快捷键的作用了.
for属性:指定快捷键将作用于的保单字段元素,设置值必须与某个表单字段元素的id值相吻合.
accesskey属性,指定for属性所对应的表单字段元素的快捷键,使用快捷键必须按下alt+快捷键

二:头元素
头元素是指通常位于<head></head>标签对之间的元素,包括title,base,link,meta等
这些元素可用来表明网页文件的有关信息,例如,文档标题,搜索引擎针对当前网页文档所
收入的关键字内容和其他一些不属于文档内容的信息.以下都是头元素.

(1):<base></base>
该标签用于指定网页中的超链接的基准地址(以base为准标准的地址),
以改变网页中所有使用相对地址的url的基准地址,<base>标签只能用于
文件头部分,只对该页面有效

target属性:
<base target="_blank" />
代表该页面的超链接都以_blank为方式打开

href属性:
<base href="http://www.163.com/zz" />
代表该页面的超链接都以http://www.163.com/zz/
的zz目录为基准地址(zz目录作为起点)
<a href="tt.html">请点击</a>
这时候点击超链接访问地址为:http://www.163.com/zz/tt.html
注意:href属性设定那个该网页中所有使用HTTP协议的URL地址(例如,<a>和<img>标签的href属性值)的基准地址
如果:<base href="zz" />
那么单击:<a href="tt.html">请点击</a>该连接路径为:
http://zz/tt.html它会自动帮你加上http://协议

(2)<link></link>以下就举例说明样式表的例子，其他的很少用,可以查帮助文档
<link rel="stylesheet" type="text/css" href="tt/url">
其中rel="stylesheet"表明目标资源是一张样式表
要注意的是,一个文档可以包含不止一个应用外部样式表的link单元

(3)<meta>标签
主要又两种类型的<meta>,它们用不同的属性名来划分,这两种属性名为name和http-equiv
1) name属性用于在网页中加入一些关于网页的描述信息,例如,网页的关键字(可供网页搜索引擎机器人查找,分类)
,网页的描述信息等.
<meta name="keywords" content="软件开发,vc,java,培训" />设置搜索的关键字
2)http-equiv属性
该属性包括一下功能:通知浏览器查看此网页时应该使用的字符编码,是否在本地缓存此网页,网页到期的时间,是否间隔一定时间以后刷新当前页面或跳转到其他页面等;

三:<div></div>
区域标签(块级元素)可以包含任何html元素,通过改变<div>的属性,可以让其中所有元素随之消失,出现,更改,移动等
<div>应用于Cascading style sheets(层叠样式表)和客户端脚本编程方面会更显威力
<div align="center">
<p>段落1</p>
<img src="img1.gif">
<p>段落2</p>
</div>
以下是错误的:该标签不能包含在段落标签中
<p>aa<div>bb</div>cc</p>

四:<span></span>
<span>标签本身没有任何意义,该标签专门用于css和客户端脚本编程中
比如:要将文本ZhangSan中的前半部分Zhang单独选取出来,作为一个被
css和javascript调用的独立单元,久可以使用<span>Zhang</span>San.

<span>与<div>的不同之处在于:
<div>是一个区块(block)元素
<span>是文本级元素

例如:
<span>aaa</span>bbb
显示效果: