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笔记总结六:Nginx location配置
语法规则:location [= | ~ | ~* | ^~] /uri/ {....} = 表示精确匹配 ^~ 表示uri以某个常规字符串开头 ~ 表示区分大小写的正则表达式 ~* 表示不区分大小写 ...
- Memcached笔记——(三)Memcached使用总结
为了将N个前端数据同步,通过Memcached完成数据打通,但带来了一些新问题: 使用iBatis整合了Memcached,iBatis针对每台server生成了唯一标识,导致同一份数据sql会产生不 ...
- View 属性
关于 View 设置属性的方式: JavaxmlstyledefStyleAttrdefStyleResTheme 关于 defStyleRes 的使用,和在 xml 中声明 style=" ...
- WEB前端工程师简历
一个热爱前端的工程师 关于我 我的作品 ZENRON 关于我 求职意向 作品集 技术掌握 我的经历 联系我 关于我 英语/CET-4 坐标/苏州 状态/求职 我叫Zenron, 现居住苏州, 是一名前 ...
- Qt类声明中Q_OBJECT的作用与报错解决
2017-06-22 周四 大雨 北京 院里 新建作图类,继承自QCUstomPlot类 因为需要同时作8张图,都要单坐标缩放的功能,因此想干脆新建一个类,继承自QCUstomPlot,把需要的功能都 ...
- 干了这碗蛋炒饭 继续APP性能提升
[前言] 什么是做功能,功能就是客户要一碗蛋炒饭,然后做了给他. 我想谁都明白,一家餐厅能活下去,是因为能把食材料理好,客户喜欢. 更准确的说,一家餐厅能活得下去,要考虑用户需求.食材,然后就是料理水 ...
- kettle_errot_karafLifecycleListenter
使用kettle 6.1 通过命令行批量执行作业的过程中,发现偶尔有作业执行时间会变慢几分钟,查看日志发现改作业开始就报了一个错 报错之后才会继续下面的作业,虽然不影响最终作业执行结果,但也延误了一些 ...
- 天哪!毫无思绪!令人感到恐惧的数学(水题?)(TOWQs)
这道题的题目描述灰常简单,第一眼看以为是一道十分水的题目: 但是!!!(我仔细一看也没有发现这背后隐藏着可怕的真相~) 下面给出题目描述: 给出一个整数x,你可以对x进行两种操作.1.将x变成4x+3 ...
- 网络字体反爬之pyspider爬取起点中文小说
前几天跟同事聊到最近在看什么小说,想起之前看过一篇文章说的是网络十大水文,就想把起点上的小说信息爬一下,搞点可视化数据看看.这段时间正在看爬虫框架-pyspider,觉得这种网站用框架还是很方便的,所 ...
- list转map,set,使用stream进行转化
#list转map,set,使用stream进行转化 函数式编程: 场景: 从数据库中取出来的数据,经常是list集合类型,但是list转map这种场景虽然不常见,但是有时候也会遇到,最常见的还是转为 ...