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 ...
随机推荐
- Nginx的四层和七层代理
理论部分: 所谓四层负载均衡,也就是主要通过报文中的目标地址和端口,再加上负载均衡设备设置的服务器选择方式,决定最终选择的内部服务器,它一般走的是tcp,udp协议 所谓七层负载均衡,也称为“内 ...
- JS去重函数的扩展应用
数据: 账单id[1,1,1,1,2,2,2,3,3,3,3,3,3,3], 相对于账单id的金额[100,120,110,150,200,180,220,115,150,120,180,220,14 ...
- 吴裕雄--天生自然python编程:实例(2)
list1 = [10, 20, 4, 45, 99] list1.sort() print("最小元素为:", *list1[:1]) list1 = [10, 20, 1, 4 ...
- Thomson Plaza里面的三家店以及水果大会
旅行应该是一个发现的过程,至少我是这么认为的.很多时候并不一定要到什么特别的地方,也可以感受到旅游的乐趣.我觉得只要能看到值得回味的东西就好了.而能回味的东西,往往是需要仔细地来品.像旅行社安排的那样 ...
- 借助mkcert签发本地证书
mkcert 是由 Filippo Valsorda 使用go语言开源的一款零配置搭建本地证书服务的工具,它可以兼容Window, Linux, macOS等多种开发平台,省去了我们自签本地证书的繁琐 ...
- Dubbo之心跳机制 · 房东的小黑
在网络传输中,怎么确保通道连接的可用性是一个很重要的问题,简单的说,在网络通信中有客户端和服务端,一个负责发送请求,一个负责接收请求,在保证连接有效性的背景下,这两个物体扮演了什么角色,心跳机制能有效 ...
- 全栈新视觉——前后端分离
1234 前端工程化从单纯的 HTML/CSS/JavaScript,到 gulp/webpack 以及 node.js.可能还需要其他的插件 sass.less.vue.react.angular. ...
- python语法生成器、迭代器、闭包、装饰器总结
1.生成器 生成器的创建方法: (1)通过列表生成式创建 可以通过将列表生成式的[]改成() eg: # 列表生成式 L = [ x*2 for x in range(5)] # L = [0, 2, ...
- Dubbo源码学习(二)
@Adaptive注解 在上一篇ExtensionLoader的博客中记录了,有两种扩展点,一种是普通的扩展实现,另一种就是自适应的扩展点,即@Adaptive注解的实现类. @Documented ...
- 等效燃油消耗ECMS与庞德里亚金最小值原理PMP中协同状态的关系
今儿阅读了一篇文献——<车联网环境下并联混合动力客车控制策略优化研究>,是北理的博士所写的,内容比较翔实.主要是里面的关于ECMS和庞德里亚金最小值原理(PMP)的关系推导很让人印象深刻, ...