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. java编程之JDBC

    JDBC的常用类和接口 1.       DriverManager类 管理数据库中的所有驱动程序,其所有的方法都是静态方法,调用时无需实例化,通过类名就可以直接调用. 2.       Connec ...

  2. Virtualbox虚拟机安装RouterOS

    一,下载 vdi文件https://mikrotik.com/download Cloud Hosted Routerhttps://download.mikrotik.com/routeros/6. ...

  3. git推送已有项目到gitee

    有时候会接收一个项目,这个项目已有git版本控制,但git 远端服务器地址已失效(员工离职,原先是推送到他个人gitee上的). 要按照如下步骤,将该项目推送到gitee. 1.先去gitee上新建一 ...

  4. MotionEvent分析及ImageView缩放实现

    这个类在各种View和用户的手势操作之间的交互存在很大的自定义空间.要理解清楚这个类的一些特性和意义,对自定义的新型控件很有帮助 先翻译一下开发者文档的描述 Overview Motion event ...

  5. Vue实战指南之依赖注入（provide / inject）

    案例 UI美眉说咱家的选项菜单太丑了,小哥哥能不能美化一下呀,洒家自然是说小意思啦~自定义一个select组件,so easy~ 简单粗暴型: <el-select v-model=" ...

  6. 'gbk' codec can't encode character '\xa5' in position 4546: illegal multibyte sequence错误解决

    sys.stdout = io.TextIOWrapper(sys.stdout.buffer, encoding='gb18030') 原文 http://blog.csdn.net/jim7424 ...

  7. RobotFramework教程使用笔记——Selenium2Library库

    selenium之前已经学习介绍过了,它是一个支持多语言.多平台.多浏览器的web自动化测试框架,在robotframework中也可以导入selenium库来进行web自动化测试.它使用seleni ...

  8. 使用jQuery集成Google翻译

    利用jQuery,轻松将google翻译集成到你的web应用中. 1. [代码][JavaScript]代码     ​1<script src="Scripts/Translator ...

  9. Java中的final和static

    final final可以用在类.方法.变量上. 1.final用在类上,表明当前类它不能被继承,没有子类. 2.final用在方法上,表明当前方法不能被override,不能被重写. 3.final ...

  10. HDU2147 kiki's game （SG表找规律）

    Recently kiki has nothing to do. While she is bored, an idea appears in his mind, she just playes th ...