7.17.2019

XHTML

1.XHTML与HTML的区别:

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。(所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中)

2.语法规则:

  • 属性名称必须小写
  • 属性值必须加引号
  • 属性不能简写
  • 用 Id 属性代替 name 属性
  • XHTML DTD 定义了强制使用的 HTML 元素

3.XHTML的三种文档类型:

  • STRICT(严格类型)

(需要干净的标记,避免表现上的混乱。请与层叠样式表配合使用。)

  • TRANSITIONAL(过渡类型)

(当需要利用 HTML 在表现上的特性时,并且当需要为那些不支持层叠样式表的浏览器编写 XHTML 时。)

  • FRAMESET(框架类型)

(需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。)

4.XHTML验证:XHTML 文档是根据文档类型声明(DTD)进行验证的。只有将正确的 DTD 添加到文件的首行,XHTML 文件才会被正确地验证。

严格 DTD 包含没有被反对使用的或不出现在框架结构中的元素和属性;

过渡 DTD 包含严格 DTD 中的一切,外加那些不赞成使用的元素和属性;

框架 DTD 包含过渡 DTD 中的一切,外加框架。

5.XHTML模块:

模块名称

描述

Applet Module (Applet模块)

定义已被废弃的applet元素。

Base Module (基础模块)

定义基本元素。

Basic Forms Module (基础表单模块)

定义基本的表单元素 (forms)。

Basic Tables Module (基础表格模块)

定义基本的表格元素 (table)。

Bi-directional Text Module (双向文本模块)

定义bdo元素。

Client Image Map Module(客户端图像映射模块)

定义浏览器端图像映射元素(image map elements)。

Edit Module (编辑模块)

定义编辑元素删除和插入。

Forms Module (表单模块)

定义所有在表单中使用的元素。

Frames Module (框架模块)

定义frameset元素。

Hypertext Module (超文本模块)

定义a元素。

Iframe Module (内联框架模块)

定义iframe元素。

Image Module (图像模块)

定义图像元素 (img)。

Intrinsic Events Module ()

定义事件属性 (event),比如onblur和onchange。

Legacy Module (遗留模块)

定义被废弃的元素和属性。

Link Module (链接模块)

定义链接 (link)元素。

List Module (列表模块)

定义列表元素ol, li, ul, dd, dt,和dl。

Metainformation Module (元信息模块)

定义meta元素。

Name Identification Module (名称识别模块)

定义已被废弃的name属性。

Object Module (对象模块)

定义对象元素 (object)和param元素。

Presentation Module (表现模块)

定义表现元素比如b和i。

Scripting Module (脚本模块)

定义脚本 (script)和无脚本 (noscript)元素。

Server Image Map Module(服务器端图像映射模块)

定义服务器端图像映射(server side image map)元素

Structure Module (结构模块)

定义以下元素:html, head, title and body。

Style Attribute Module (样式属性模块)

定义样式属性。

Style Sheet Module (样式表模块)

定义样式元素。

Tables Module (表格模块)

定义用于表格中的元素。

Target Module (Target模块)

定义target属性。

Text Module (文本模块)

定义文本容器元素 (text container),比如p和h1。

6.XHTML属性:
核心:

以下标签不提供下面的属性:base, head,
html, meta, param, script, style, 以及 title 元素。

属性

描述

class

class_rule 或 style_rule

元素的类(class)

id

id_name

元素的某个特定id

style

样式定义

内联样式定义

title

提示文本

显示于提示工具中的文本

语言:

以下标签不提供下面的属性:base, br,
frame, frameset, hr, iframe, param, 以及 script 元素。

属性

描述

dir

ltr | rtl

设置文本的方向

lang

语言代码

设置语言代码

键盘:

属性

描述

accesskey

字符

设置访问某元素的键盘快捷键

tabindex

设置某元素的Tab次序

7.XHTML事件属性:
窗口事件 (Window Events):

仅在 body 和 frameset 元素中有效。

属性

描述

onload

脚本

当文档被载入时执行脚本

onunload

脚本

当文档被卸下时执行脚本

表单元素事件 (Form
Element Events)

仅在表单元素中有效。

属性

描述

onchange

脚本

当元素改变时执行脚本

onsubmit

脚本

当表单被提交时执行脚本

onreset

脚本

当表单被重置时执行脚本

onselect

脚本

当元素被选取时执行脚本

onblur

脚本

当元素失去焦点时执行脚本

onfocus

脚本

当元素获得焦点时执行脚本

键盘事件 (Keyboard
Events)

在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param,
script, style, 以及 title 元素。

属性

描述

onkeydown

脚本

当键盘被按下时执行脚本

onkeypress

脚本

当键盘被按下后又松开时执行脚本

onkeyup

脚本

当键盘被松开时执行脚本

鼠标事件 (Mouse
Events)

在下列元素中无效:base,
bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title
元素。

属性

描述

onclick

脚本

当鼠标被单击时执行脚本

ondblclick

脚本

当鼠标被双击时执行脚本

onmousedown

脚本

当鼠标按钮被按下时执行脚本

onmousemove

脚本

当鼠标指针移动时执行脚本

onmouseout

脚本

当鼠标指针移出某元素时执行脚本

onmouseover

脚本

当鼠标指针悬停于某元素之上时执行脚本

onmouseup

脚本

当鼠标按钮被松开时执行脚本

复习,准备开始CSS的学习

HTML每日学习笔记(3)的更多相关文章

  1. CSS每日学习笔记(3)

    8.1.2019 1.CSS伪类:用于向某些选择器添加特殊的效果. 伪类的语法: selector : pseudo-class {property: value} CSS 类也可与伪类搭配使用. a ...

  2. 每日学习笔记:js中可以直接用id名调用的问题?

    在JavaScript中,标准的id选择器调用语法是: document.getElementById('myid').style.width = pc + "%"; 但是,今天发 ...

  3. Java每日学习笔记1

    单选按钮 JRadioButton radioButton1 = new JRadioButton("Java");// 创建单选按钮 contentPane.add(radioB ...

  4. CSS每日学习笔记(2)

    7.31.2019 1.CSS定位:允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置. CSS 有三种基本的定位机制:普通流.浮动和绝对定位.除非专 ...

  5. CSS每日学习笔记(1)

    7.30.2019 1.CSS 文本属性 属性 描述 color 设置文本颜色 direction 设置文本方向. line-height 设置行高. letter-spacing 设置字符间距. t ...

  6. CSS每日学习笔记(0)

    7.29.2019 1. CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解 ...

  7. HTML每日学习笔记(2)

    7.16.2019 1.html表单:用于得到用户不同类型的输入 <form>元素定义表单: <form> First name:<br> <input ty ...

  8. HTML每日学习笔记(1)

    7.15.2019 1.HTML脚本——JavaScript的嵌入使用,使 HTML 页面具有更强的动态和交互性. <script> 标签用于定义客户端脚本,比如 JavaScript. ...

  9. HTML每日学习笔记(0)

    2019.7.14 1.属性为 HTML 元素提供附加信息,总是在 HTML 元素的开始标签中规定. 例子:<h1 align="center"> 对齐方式 <b ...

随机推荐

  1. Nginx笔记总结六:Nginx location配置

    语法规则:location [= | ~ | ~* | ^~] /uri/ {....} = 表示精确匹配 ^~ 表示uri以某个常规字符串开头 ~ 表示区分大小写的正则表达式 ~* 表示不区分大小写 ...

  2. Memcached笔记——(三)Memcached使用总结

    为了将N个前端数据同步,通过Memcached完成数据打通,但带来了一些新问题: 使用iBatis整合了Memcached,iBatis针对每台server生成了唯一标识,导致同一份数据sql会产生不 ...

  3. View 属性

    关于 View 设置属性的方式: JavaxmlstyledefStyleAttrdefStyleResTheme 关于 defStyleRes 的使用,和在 xml 中声明 style=" ...

  4. WEB前端工程师简历

    一个热爱前端的工程师 关于我 我的作品 ZENRON 关于我 求职意向 作品集 技术掌握 我的经历 联系我 关于我 英语/CET-4 坐标/苏州 状态/求职 我叫Zenron, 现居住苏州, 是一名前 ...

  5. Qt类声明中Q_OBJECT的作用与报错解决

    2017-06-22 周四 大雨 北京 院里 新建作图类,继承自QCUstomPlot类 因为需要同时作8张图,都要单坐标缩放的功能,因此想干脆新建一个类,继承自QCUstomPlot,把需要的功能都 ...

  6. 干了这碗蛋炒饭 继续APP性能提升

    [前言] 什么是做功能,功能就是客户要一碗蛋炒饭,然后做了给他. 我想谁都明白,一家餐厅能活下去,是因为能把食材料理好,客户喜欢. 更准确的说,一家餐厅能活得下去,要考虑用户需求.食材,然后就是料理水 ...

  7. kettle_errot_karafLifecycleListenter

    使用kettle 6.1 通过命令行批量执行作业的过程中,发现偶尔有作业执行时间会变慢几分钟,查看日志发现改作业开始就报了一个错 报错之后才会继续下面的作业,虽然不影响最终作业执行结果,但也延误了一些 ...

  8. 天哪!毫无思绪!令人感到恐惧的数学(水题?)(TOWQs)

    这道题的题目描述灰常简单,第一眼看以为是一道十分水的题目: 但是!!!(我仔细一看也没有发现这背后隐藏着可怕的真相~) 下面给出题目描述: 给出一个整数x,你可以对x进行两种操作.1.将x变成4x+3 ...

  9. 网络字体反爬之pyspider爬取起点中文小说

    前几天跟同事聊到最近在看什么小说,想起之前看过一篇文章说的是网络十大水文,就想把起点上的小说信息爬一下,搞点可视化数据看看.这段时间正在看爬虫框架-pyspider,觉得这种网站用框架还是很方便的,所 ...

  10. list转map,set,使用stream进行转化

    #list转map,set,使用stream进行转化 函数式编程: 场景: 从数据库中取出来的数据,经常是list集合类型,但是list转map这种场景虽然不常见,但是有时候也会遇到,最常见的还是转为 ...