
HTML
风火一回
为了美好的明天,肆意而为!
展开
-
面试集锦(三)
面试总结(三)1.语义化HTML中不同的元素代表不同的含义,使用具有含义的元素来书写HTML文档,即是语义化。选择合适的语义标签搭建的HTML文档,不仅便于开发着阅读、维护,也能让浏览器爬虫技术轻松解析。可访问性、可检索性、国际化、复用性。常见的h5语义化标签:https://blog.csdn.net/mafan121/article/details/80649634注意事项:...原创 2020-04-03 11:50:07 · 276 阅读 · 0 评论 -
cookie的使用
cookie的使用1.1 cookie的原理HTTP协议本身是无状态的,一旦客户端和服务端完成数据交换后,连接就会断开,下次请求则会重建连接。这也就意味着服务器无法判断用户身份,每次请求都需要进行身份验证。cookie原理便是浏览器存储身份验证的唯一标识,然后发送给服务端,让服务端可以根据这个标识确认用户是否已经验证通过了。cookie是一个很小的文件,是浏览器存储在本机上的。它是一个纯文本...原创 2019-08-25 13:07:25 · 339 阅读 · 0 评论 -
H5新特性
H5新特性HTML是用来表示一个网页架构的,其中的语义标签便是骨架。HTML5是一个新的网络标准,他不在遵循SGML(标准通用标记语言),所以不在需要DTD的声明。1 基础语义标签:<command>定义命令按钮</command><datalist>定义可选数据列表,与input配合可实现下拉框</datalist><...原创 2018-06-11 11:36:14 · 4340 阅读 · 0 评论 -
websocket使用
websocket,html5中新一代全双工通信协议。其底层仍然是http协议。传统 HTTP 请求响应客户端服务器交互图WebSocket 请求响应客户端服务器交互图WebSocket 客户端支持浏览器支持情况ChromeChrome version 4+支持Firefox原创 2016-04-05 21:10:08 · 22530 阅读 · 11 评论 -
HTML中的window对象和document对象详解
Window -- 代表浏览器中一个打开的窗口:对象属性 window //窗口自身 window.self //引用本窗户window=window.self window.name //为窗口命名 window.defaultStatus //设定窗户状态栏信息 window.location //URL地址,配备布置这个属性可以打开新的页面对象方转载 2016-04-07 20:15:49 · 5039 阅读 · 0 评论 -
display和visibility隐藏元素
隐藏元素的方式有很多种,最常用的是display:none;visibility:hidden;z-index:-9999;displaydisplay:none;隐藏一个元素,并释放掉该元素所占有的原有空间。即可以理解为:将该元素删除了,当display属性改变时再重新为元素分配空间,但原有的空间设置已不负存在。jquery的show()和hide()方法就是通过该属性来实现原创 2015-06-23 20:08:24 · 2156 阅读 · 0 评论 -
iframe的使用
1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。 提示:a.您可以把需要的文本放置在 和 之间,这样就可以应对无法理解 iframe 的浏览器。原创 2015-09-07 11:21:29 · 787 阅读 · 0 评论 -
div包裹的iframe有5px的高度差问题
最近遇到一个问题:用一个div包裹一个iframe,但无论如何,div的高度都比iframe高了5px。百思不得其解,后来在网上多方查找,才发现问题的根源所在。问题:div高度大于iframe高度5px左右。 <iframe id="iframe" name="iframe" src="home.html" style="width:100%;" frameborder="0" scro原创 2015-09-07 14:47:22 · 3204 阅读 · 0 评论 -
js图片滑动切换效果
最近遇到需要图片滑动切换的效果纠结了好久,终于弄出了一个简单的效果。图片切换的原理一般来说可以分为两种,一种是利用position:absolute;top或left来显示需要的图片,其他图片隐藏。另一种是通过opacity来调节透明度,让需要的图片不透明,其他图片透明。下面来看看我的实现吧!HTML代码: CSS样式:#person原创 2015-09-02 11:34:23 · 10365 阅读 · 0 评论 -
HTML图像、路径、链接和列表
图像1.浏览器支持的图像格式gif:优点 支持透明色,支持动画。仅支持256种颜色jpg/jpeg:不支持透明色,不支持动画。但支持1670万种(16777215)颜色png:支持透明色,但不支持动画,仅支持256,1670万和4G种三种。 2.图像的标记图像URL" width="宽度" height="高度" alt="注释" border=“边框宽度"/>原创 2014-09-25 21:15:22 · 1342 阅读 · 0 评论 -
控件只读设置
1.文本框、密码框、文本域的只读 可设置html属性:readonly="readonly2.复选框和单选框的只读,不能使用readonly属性,有以下3种方式: a.可设置html属性:disabled="disabled",该方式选框将变灰,样式会受到一定改变。 b.添加onclick="return false;"作为触发事件 c.添加onclick="t原创 2015-07-15 09:40:29 · 2072 阅读 · 0 评论 -
iframe的contentWindow属性使用
contentWindow属性是iframe对象或frame对象的专属属性。兼容各种浏览器,并返回window对象作用是:以 HTML 对象来返回 iframe 或frame中的文档。contentDocument 属性可用于火狐或IE8+,返回一个documnet对象。作用是:以 HTML 对象返回框架容纳的文档。原创 2015-06-05 09:40:58 · 9763 阅读 · 0 评论 -
offsetX、clientX、pageX等位置的计算
1.常见的事件位置属性e.pageX——相对整个页面的坐标注意:IE6、IE7、IE8无该属性e.layerX——相对当前坐标系的border左上角开始的坐标注意:在opera、IE6、IE7、IE8中这个属性,而IE8以上表示相对当前坐标系的border左上角开始的坐标 + 滚动条滚过的距离e.offsetX——相对当前坐标系的原创 2015-06-01 13:40:45 · 5096 阅读 · 0 评论 -
常用的HTML小知识
1.input框的placeholder 属性 placeholder 属性提供可描述输入字段预期值的提示信息(hint)。 该提示会在输入字段为空时显示,并会在字段获得焦点时消失。原创 2015-03-12 16:50:42 · 921 阅读 · 0 评论 -
HTML总结
原创 2014-10-07 13:33:37 · 375 阅读 · 0 评论 -
HTML表格和表单
表格1.表格的作用: A.页面的布局 B.显示规则有序的数据 2.表格的写法 ... ... ...说明:th只能用于第一行,用于设置列名,居中且加粗。 3.表格的属性(table)width 宽度height 高度bgcolor 背景颜色background 背景图像border 边框宽原创 2014-09-25 22:17:53 · 1613 阅读 · 0 评论 -
HTML基础
客户端技术:运行于客户端,由浏览器解释执行。相关的技术有:HTML/XHTML、CSS、JavaScript主流浏览器有:IE、Firefox、Chrome、Safari、Opera(HTML最大的难点在于浏览器的兼容性) Web浏览器的功能 (1)代理访问者提交请求 (2)作为HTML解释器和内嵌脚本程序的执行器 (3)用图形化的方式显示HTML文档原创 2014-09-25 01:17:39 · 543 阅读 · 0 评论