HTML 空元素

概念:首先啥是空元素呢?就是字面意思:没有内容的HTML元素,比较常见的空元素像<img> <link> <meta> <br> <hr>这种,他们往往没有关闭标签(从表面上看是自己关闭自己233,像<br />),听说在未来的趋势里这种没有关闭标签的情况会被取消掉.。

一、area元素

作用:形成矩形,圆形,多边形可点击区域

特点:属于图像映射,被包含在map标签中,与img元素对应,而不能成为一个div的映射(可以用手段合并如绝对定位,但注意同样不能成为div中的映射,要么div会把该区域挡住,要么改div的z-index就会被挡住orz)

参数说明(coords是点坐标):

  圆形:shape="circle",coords="x,y,z"  圆的圆心坐标和半径

  多边形:shape="polygon",coords="x1,y1,x2,y2,x3,y3,..." 多个顶点的坐标

 矩形:shape="rectangle",coords="x1,y1,x2,y2" 左上和右下角的顶点坐标


基础举例:

http://www.runoob.com/try/try.php?filename=tryhtml_areamap

测试div和map合并样例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
	div{
		color:#ffffff;
		background-color:black;
		position:absolute;
		top:100px;
		left:100px;
		z-index:0;
	}
	</style>
</head>
<body>

<p>点击太阳或其他行星,注意变化:</p>
	<div >bulaili</div>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

</body>
</html>


二、base元素
规定页面上所有链接的默认 URL 和默认目标,便于路径书写

三、col元素

用于table的列统一css样式

四、embed元素

可用于插入flash动画

还有<command> <keygen> <param><source><track><wbr>这种超冷门的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值