首页 > 代码库 > HTML5保留的常用元素(二)

HTML5保留的常用元素(二)

1、超链接和锚点

     html5保留了定义超链接的<a.../>元素,该元素可以指定id,class,style等核心属性,也可以指定onclick等各种事件属性。它还可以指定如下三个重要属性。

  • href:指定超链接所关联的另一个资源。
  • target:指定使用框架集中的哪个框架来装载另一个资源。该属性的属性值可以使_self,_blank,_top,_parent四个值,分别代表使用自身、新窗口、顶层框架、父框架来装载新资源。
  • media:指定目标URL所引用的媒体类型。默认值为all.只有当指定了href属性时该属性才有效。这是html5新增的一个属性。

     当我们使用<a.../>元素时,href属性值既可以是绝对路径,也可以是相对路径。当指定绝对路径时,href属性值为url,url用于对互联网上的文档进行寻址。一个完整的网址,例如http://www.crazyit.org/index.php,遵守如下语法规则:

     scheme://host.domain:port/path/filename

     关于这个url地址的解释如下。

  • scheme:指定因特网服务类型。最流行的类型是HTTP。
  • domain:指定因特网域名,比如crazyit.org、fkjava.org等。
  • host:指定此域中的主机。如果被省略,http的默认主机是www.
  • port:指定主机的端口号。
  • path:指定远程服务器上的路径。
  • filename:指定远程文档的名称。

2、列表相关元素

  • <ul>:定义无序列表
  • <ol>:定义有序列表。
  • <li>:定义列表项目。
  • <dl>:也用于定义列表项目,该元素只能包含<dt.../>和<dd.../>两种子元素。
  • <dt>:定义标题列表项。
  • <dd>:定义普通列表项。

3、图像相关元素

  • src:指定图片文件所在位置
  • alt:指定一段文本,该文本将作为该图片的提示信息。
  • height:指定该图片高度。
  • width:指定该图片宽度。
  • <map>:用于定义图片映射。
  • <area>:用于定义图片映射的内部区域。
  1. sharpe:指定该内部区域是哪种区域,默认为“rect”,即矩形区域,除此之外还可以是circle和ploy分别代表圆形和多边形。
  2. coodrds:指定多个坐标值,用于确定区域位置。
  3. href:用于确定该区域链接的资源。
  4. alt:指定一段文本,该文本将作为该图片的提示信息。
  5. target
  6. media

    

HTML5保留的常用元素(二)