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文档中元素内容的语言代码
原文地址:https://www.cnblogs.com/LilianChen/p/3240411.html