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文档中元素内容的语言代码

XHTML学习笔记 Part3:核心属性的更多相关文章

  1. Hadoop入门学习笔记---part3

    2015年元旦,好好学习,天天向上.良好的开端是成功的一半,任何学习都不能中断,只有坚持才会出结果.继续学习Hadoop.冰冻三尺,非一日之寒! 经过Hadoop的伪分布集群环境的搭建,基本对Hado ...

  2. WPF 学习笔记-设置属性使窗口不可改变大小

    原文:WPF 学习笔记-设置属性使窗口不可改变大小 调整Windows下的ResizeMode属性: ResizeMode = NoResize Resize属性是控制Windows是否可以改变大小, ...

  3. 《C# 语言学习笔记》——定义属性

    属性定义的方式与字段类似,但包含的内容比较多. 属性拥有两个类似于函数的块,一个块用于获取属性的值,另一个块用于设置属性的值.这两个块也称访问器,分别用于get和set关键字定义,可以用于控制对属性的 ...

  4. XHTML学习笔记 Part2:核心元素

    1. <html>元素 <html xmlns="http://www.w3.org/1999/xhtml"> 仅有两个元素是<html>的直接 ...

  5. css布局学习笔记之position属性

    position属性用于定位元素,它的几个值分别如下: 1,static static 是默认值.任意 position: static; 的元素不会被特殊的定位.一个 static 元素表示它不会被 ...

  6. HTML5学习笔记<二>:元素,属性,格式化

    HTML元素 元素是指从开始标签到结束标签的所有代码. 开始(开放)标签 元素内容 结束(闭合)标签 <p> this is my web page </p> 没有内容的 HT ...

  7. web前端学习笔记:文本属性

    今天的web前端笔记主要讲述文本属性,希望能帮助到正在学习web前端开发的初学者们,废话不多说了,一起来看看文本属性的相关内容吧. 文本属性 文本缩进 将Web页面上的一个段落第一行缩进,这是一种最常 ...

  8. STM32学习笔记之核心板PCB设计

    PCB设计流程 PCB规则设置 设计规则的单位跟随画布属性里设置的单位,此处单位是mil.导线线宽最小为10mil;不同网络元素之间最小间距为8mil;孔外径为24mil,孔内径为12mil;线长不做 ...

  9. CSS学习笔记——定位position属性的学习

    今天学习之前剩下的一个问题:CSS的position属性.首先归纳出和position相关的问题: position作为一个属性,它一共有哪几个属性值? position常用的属性值有哪几个?分别有什 ...

随机推荐

  1. Theseven relationsarein threecategories:equivalent, congruent, andsimilar.

    http://www.math.pitt.edu/~xfc/math2370/chap5.pdf

  2. Red Black Tree java.util.TreeSet

    https://docs.oracle.com/javase/9/docs/api/java/util/SortedMap.html public interface SortedMap<K,V ...

  3. python网络爬虫之使用scrapy下载文件

    前面介绍了ImagesPipeline用于下载图片,Scrapy还提供了FilesPipeline用与文件下载.和之前的ImagesPipeline一样,FilesPipeline使用时只需要通过it ...

  4. socket 学习笔记

    #include <sys/socket.h> ---------------------------------------------------------------------- ...

  5. flex平分测试

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  6. linux /usr /var /etc 目录

    /usr 目录是应用程序主要存放的目录.该目录中的二进制文件对系统启动和维护并非必要,因此整个 /usr 目录结构常会被存放到另一个分离的文件系统中.因为其(通常)具有很大的容量,/usr 有其自己的 ...

  7. phpcms v9中的$CATEGORYS栏目数组

    首先 如果不能用$CATEGORYS这个数组或掉不出来内容应加入 $CATEGORYS = getcache('category_content_1','commons'); 1.用途 $CATEGO ...

  8. python学习笔记:第二天(基本数据类型)

    Python3 基本数据类型 1.标准数据类型 Python3中有六个标准的数据类型:Number(数字).String(字符串).List(列表).Tuple(元组).Sets(集合).Dictio ...

  9. haprox动态下线后端主机

    haproxy可以很好的支持主机下线,不需要编辑配置文件,也不需要重新reload服务,通过本身的socket发送指令即可: 当你的应用程序是高可用状态,一般部署的是>2的,这个时候就可以通过h ...

  10. groovy语言和grails框架

    Groovy 是一种动态语言,它在 JVM 上运行,并且与 Java 语言无缝集成. Groovy 可以大大减少 Java 代码的数量.在 Groovy 中,不再需要为字段编写 getter 和 se ...