HTML5(一)

<!DOCTYPE>声明非常重要，它是一种标准通用标记语言的文档类型声明。

<!DOCTYPE>声明是HTML5文档的起始点，必须位于HTML5文档的第一行。

1.<area>标签能够在所需图像中设置作用区域，使用者可以通过点击该作用域来跳转到相应的页面。

<area>元素始终嵌套在<map>标签内部。

<img>标签中的usemap属性与<map>元素中的name相关联，以创建图像与映射之间的关系。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool(w3cschool.cn)</title>
</head>
<body>

<p>点击太阳或其他行星，注意变化：</p>

<img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" target="_blank" alt="Sun" href="/statics/images/course/sun.gif">
  <area shape="circle" coords="90,58,3" target="_blank" alt="Mercury" href="/statics/images/course/merglobe.gif">
  <area shape="circle" coords="124,58,8" target="_blank" alt="Venus" href="/statics/images/course/venglobe.gif">
</map>

</body>
</html>

属性：alt:规定区域的替代文本。

coords:规定区域的坐标。

href:规定区域的目标URL。

shape:规定区域的形状。（default、rect、cricle、poly）

target:规定在何处打开目标URL。（_blank、_parent、_self、_top、framename）

2.<abbr>标签

用来表示一个缩写词或者首字母缩略词，如“WWW”或者“NATO”。

通过对缩写词语进行标记，您就可以为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

<!DOCTYPE  html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
</body>
</html>

提示：在某些浏览器中，当您把鼠标移至带有<abbr>标签的缩写词/首字母缩写词上时，<abbr>标签的title属性可被用来展示缩写词/首字母缩写词的完整版本。

猜你喜欢