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. 开源服务器监控工具 — JavaMelody 类 jvm 内在性能(转)

    开源服务器监控工具 — JavaMelody     JavaMelody它能够监测Java或Java EE应用程序服务器,并以图表的方式显示:Java内存和Java CPU使用情况,用户Sessio ...

  2. Apache JServ Protocol

    ajp_百度百科 https://baike.baidu.com/item/ajp/1187933 AJP(Apache JServ Protocol)是定向包协议.因为性能原因,使用二进制格式来传输 ...

  3. Windows服务器从Linux服务器上以FTP形式获取图片

    Windows服务器上运行一个获取图片的程序,获取图片采用的是FTP方式: 准备条件: Linux服务器上创建一个FTP的用户:ftppic 这个账号要有权限才可以,然后编写Windows端代码: p ...

  4. The PageFactory

    The PageFactory 原文地址:https://github.com/SeleniumHQ/selenium/wiki/PageFactory In order to support the ...

  5. LoadRunner打开WebTours只显示头部解决办法

    LoadRunner打开WebTours只显示头部解决办法   1.遇到这种情况,先查看一下路径HP\LoadRunner\WebTours下的cgierr日志中是否有错误,比如Can't open ...

  6. Understand JavaScript Callback Functions and Use Them

    In JavaScript, functions are first-class objects; that is, functions are of the type Object and they ...

  7. Anaconda tensorflow 安装笔记

    1.安装步骤: (1)Anaconda下载Anaconda 安装包可以到 https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/ 下载.ps:也可 ...

  8. Nwjs简单配置

    1.创建一个工程,配置一个  package.json 文件 { "name": "application-name", "version" ...

  9. android 自动生成jni C语言头文件

    1. 在类里面申明 public native xxx(); 函数接口2. 在安卓工程src目录下 使用命令 javah 包名.类名 生成该类所申明的c语言接口

  10. Solr查询空值字段

    摘要: Solr的查询一般都是查找满足某个关键词的文档,偶然一个需求是查询Solr中某个字段不为空的数据.查询空值数据字符串类型 可以通过下面这种查询方式找到所有描述description为空的数据. ...