XHTML学习笔记 Part3：核心属性

1. 3个属性组：

  • 核心属性：class、id 和title属性
  • 国际化属性：dir、lang和xml:lang属性
  • UI事件：与如下事件关联的属性： onclick、ondoubleclick、onmousedown、onmousup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup

说明：核心属性和国际化属性统称为通用属性

 

2. 核心属性

  • id属性：用于唯一标识页面内的任何元素
<body>
<p id="accounts">This paragraph explains the role of the accounts department.</p>
<p id="sales">This paragraph explains the role of the sales department.</p>
</body>

 注，对于id属性的值存在一些特殊的规则：

（1）必须以字母开头，然后可以跟上任意数量的字母、数字、连字符、下划线、冒号和句号，不能以数字、连字符、下划线冒号或句号开头

（2）在同一个XHTML文档中，任意两个id属性不能具有相同的值

 

  • title属性：给出元素的建议标题
<abbr title="People's Republic of China">PRC</abbr> was founded in 1949

当鼠标移动到PRC上之后，会有tooltip "People's Republic of China"

  • class属性：用于指定某个元素属于特定的元素类

 class 属性不能在以下HTML元素中使用：base, head, html, meta, param, script, style, title;

可以给HTML元素赋予多个class，例如：

<p id="sales" class="className1 className2 className3">

 

  • style属性：利用style属性能够指定元素中的CSS规则（逐渐淘汰）
<p style="font-family:Arial, Helvetica, sans-serif; color:green">Some text</p>


3. 国际化属性

  • dir属性：指定文本在浏览器中的显示方向

两个值：（1）ltr：从左到右（默认值）

　　　　（2）rtl：从右到左

注意：当需要指定整个文档的方向性时，应当在<html>元素中使用dir属性，而不是在<body>元素中使用该属性，原因有两点：<html>元素能够被浏览器更好的支持。并且随后该属性应用于头元素以及主体中的元素。

 

  • lang属性：设置元素中内容的语言代码
<p lang="fr">Ceci est un paragraphe.</p>

 

  • xml:lang属性：设置XHTML文档中元素内容的语言代码

 

posted on 2013-08-07 09:54  LilianChen  阅读(805)  评论(0)  编辑  收藏  举报

导航