HTML每日学习笔记（3）
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）的更多相关文章
- CSS每日学习笔记（3）
8.1.2019 1.CSS伪类:用于向某些选择器添加特殊的效果. 伪类的语法: selector : pseudo-class {property: value} CSS 类也可与伪类搭配使用. a ...
- 每日学习笔记：js中可以直接用id名调用的问题？
在JavaScript中,标准的id选择器调用语法是: document.getElementById('myid').style.width = pc + "%"; 但是,今天发 ...
- Java每日学习笔记1
单选按钮 JRadioButton radioButton1 = new JRadioButton("Java");// 创建单选按钮 contentPane.add(radioB ...
- CSS每日学习笔记（2）
7.31.2019 1.CSS定位:允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置. CSS 有三种基本的定位机制:普通流.浮动和绝对定位.除非专 ...
- CSS每日学习笔记（1）
7.30.2019 1.CSS 文本属性 属性 描述 color 设置文本颜色 direction 设置文本方向. line-height 设置行高. letter-spacing 设置字符间距. t ...
- CSS每日学习笔记（0）
7.29.2019 1. CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解 ...
- HTML每日学习笔记（2）
7.16.2019 1.html表单:用于得到用户不同类型的输入 <form>元素定义表单: <form> First name:<br> <input ty ...
- HTML每日学习笔记（1）
7.15.2019 1.HTML脚本——JavaScript的嵌入使用,使 HTML 页面具有更强的动态和交互性. <script> 标签用于定义客户端脚本,比如 JavaScript. ...
- HTML每日学习笔记（0）
2019.7.14 1.属性为 HTML 元素提供附加信息,总是在 HTML 元素的开始标签中规定. 例子:<h1 align="center"> 对齐方式 <b ...
随机推荐
- VMware虚拟机里安装CentOS 6.3图文教程
著名服务器版本 CentOS 6.3 已经发布 http://www.centoscn.com/CentosSoft/iso/2013/0720/370.html CentOS 6.3 网易镜像下载: ...
- ES6学习总结（五）
与其说是对象合并,还不如说是JavaScript中对象属性的复制和转移,将多个对象中的属性合并到一个对象中 12345678 var person = { name : 'John', age : 2 ...
- Lambda表达式和函数试接口的最佳实践 · LiangYongrui's Studio
1.概述 本文主要深入研究java 8中的函数式接口和Lambda表达式,并介绍最佳实践. 2.使用标准的函数式接口 包java.util.function中的函数是接口已经可以满足大部分的java开 ...
- C++走向远洋——20（项目一，三角形，类）
*/ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:sanjiaoxing.cpp * 作者:常轩 * 微信公众号: ...
- win10环境下VS2019配置NTL库
win10环境下VS2019配置NTL库 1.下载 WINNTL库文件 https://www.shoup.net/ntl/download.html 2.创建静态库 文件->新建-&g ...
- 使用Vagrant部署虚拟分布式开发和测试环境
同步更新到笔者个人博客,可以访问我的博客查看原文:https://www.rockysky.tech 创建自动化配置开发环境 最近由于最近研究和学习的关系,需要经常配置和搭建多个虚拟机组成的分布式系统 ...
- 7-35 jmu-python-求三角形面积及周长 (10 分)
输入的三角形的三条边a.b.c,计算并输出面积和周长.假设输入三角形三边是合法整形数据. 三角形面积计算公式: ,其中s=(a+b+c)/2. import math #导入math库 math.s ...
- 石油测井专题（六）MCM工艺在LWD的应用
在上一篇的MCM工艺我们提到过石英挠性加速度计的伺服电路采用此工艺可以有效提高仪器产品的稳定性和寿命. MCM相对于印制电路板(PCB)来讲,MCM技术采用了更短的连接长度和更紧密的器件布局,从而降低 ...
- 关于IT培训机构的个人看法
1.前言 缘分与巧合,最近接触比较多的培训机构出来的人,以及看过关于培训机构的文章和问答.虽然没在培训机构上过课,但是接触过很多培训机构出来的人,也看过一些培训机构的课程.关于培训机构,我也有自己的看 ...
- idea使用Tomcat部署war 和 war exploded的区别
war模式:将WEB工程一包的形式上传到服务器中.war exploded模式:将WEB工程以当前文件夹的位置关系上传到服务器.解析:war 模式这种可以称为是发布模式(完整的项目),将项目打成war ...