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. if UDP is permitted

    Networking Basics (The Java™ Tutorials > Custom Networking > Overview of Networking) https://d ...

  2. MQ发送的消息都到了死信队列中了

    MQ在发送消息的时候,设置的过期时间太短.(昨天项目上线遇到了,开发中也遇到一次.)谨记!!!

  3. 点击文本选中checkbox

    <checbox文本编辑/>      : 只点击checkbox时,才可以选中,点击文本时无法选中 <label><checbox文本编辑/></label ...

  4. govendor

    cd  到工程目录. govendor init : 初始化 govendor fetch : 拉取包 go 1.6以后编译go代码会优先从vendor目录先寻找依赖包: controllers\ar ...

  5. javascrip中ajax

    移动端对加载速度要求比较高,由于jquery插件有270多k,无形中增加加载的速度,下面整理一下原生js中ajax: 先了解ajax的基础知识 (1)XMLHttpRequest 对象 XMLHttp ...

  6. H3C-L2TP

    l2tp enable #启用l2tp domain system authentication ppp local # 本地认证 access-limit disable state active ...

  7. haprox动态下线后端主机

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

  8. @PathVariable @RequestParam @RequestHeader @CookieValue POJO Servlet API

  9. 如何理解Web应用程序的MVC模型？

    View,也就是视图/视野,是你真正看到的,而非想象中的 Model.Controller,也就是控制器,是你用来改变 Model 方式.简单的说 Controller 和 View 分别是 Mode ...

  10. HTTP上传大文件要考虑的问题

    1.大文件上传服务器内存占用 一般WEB开发框架如SpringMVC,在基于Web容器如Tomcat处理HTTP请求时,都倾向于采用职责链流水线式的处理机制.HTTP请求被封装为一个可解析对象放在内存 ...