html
九州清宴
这个作者很懒,什么都没留下…
展开
-
iframe的作用
iframe标签可以创建一个新的框架,通过这个框架可以在同一个浏览器窗口显示不止一个页面原创 2021-01-29 11:01:38 · 238 阅读 · 0 评论 -
前端性能优化
避免使用css表达式,避免使用高级选择器精灵图懒加载少用全局变量使用settimeout避免页面失去响应避免写在html标签中的style属性原创 2021-01-28 10:51:51 · 64 阅读 · 0 评论 -
css重置浏览器标签样式表
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd{margin: 0;}ul,li{list-style: none;}ul,ol,input{padding: 0;}em,i{font-style: normal;}strong,b{font-weight: normal;}a{color: #333;text-decoration: none;}img{vertical-align: top;}input{border: 1px s原创 2020-10-30 14:18:54 · 164 阅读 · 0 评论 -
前端开发--关键字---保留字
ECMA-262 描述了一组具有特定用途的关键字。这些关键字可用于表示控制语句的开始或结束,或者用于执行特定操作等。按照规则,关键字也是语言保留的,不能用作标识符。以下就是ECMAScript的全部关键字(带号上标的是第5 版新增的关键字):break do instanceof typeofcase else new varcatch finally return voidcontinue for switch whiledebugger function this withdefault i原创 2020-10-10 14:19:17 · 714 阅读 · 1 评论 -
标签上title与alt属性的区别
Alt当图片不显示时用文字代表。Title为该属性提供信息。原创 2020-10-09 21:24:17 · 332 阅读 · 0 评论 -
常见的几种IE6 BUG及其解决的方法
①双边距BUG float引起的 使用display②3像素问题 使用float引起的 使用dislpay:inline -3px③超链接hover 点击后失效 使用正确的书写顺序 link visited hover active④Ie z-index问题 给父级添加position:relative⑤Png 透明 使用js代码 改⑥Min-height 最小高度 !Important 解决’⑦select 在ie6下遮盖 使用iframe嵌套⑧为什么没有办法定义1px左右的宽度容器(IE6原创 2020-10-09 21:23:39 · 427 阅读 · 0 评论 -
对重构的理解
对重构的理解网站重构:在不改变外部行为的前提下,简化结构、添加可读性,而在网站前端保持一致的行为。也就是说是在不改变UI的情况下,对网站进行优化, 在扩展的同时保持一致的UI。对于传统的网站来说重构通常是:表格(table)布局改为DIV+CSS使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)对于移动平台的优化针对于SEO进行优化深层次的网站重构应该考虑的方面减少代码间的耦合让代码保持弹性严格按规范编写代码设计可扩展的API代替旧有的框架、语言(如V原创 2020-10-08 20:27:46 · 445 阅读 · 0 评论 -
HTML与XHTML的区别
XHTML:所有的标记都必须要有一个相应的结束标记所有标签的元素和属性的名字都必须使用小写所有的XML标记都必须合理嵌套所有的属性必须用引号""括起来把所有<和&特殊符号用编码表示给所有属性赋一个值不要在注释内容中使“–”图片必须有说明文字...原创 2020-10-08 20:25:15 · 466 阅读 · 0 评论 -
position:absolute和float属性的异同
共同点:对内联元素设置float和absolute属性,可以让元素脱离文档流,并且可以设置其宽高。不同点:float仍会占据位置,absolute会覆盖文档流中的其他元素。原创 2020-10-08 18:44:19 · 753 阅读 · 0 评论 -
HTML语义化的理解
用正确的标签做正确的事情。 html语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析; 即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的; 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO; 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。...原创 2020-10-08 18:39:02 · 115 阅读 · 0 评论 -
html5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5
HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。(1)绘画 canvas; (2)用于媒介回放的 video 和 audio 元素; (3)本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失; (4)sessionStorage 的数据在浏览器关闭后自动删除; (5)语意化更好的内容元素,比如 article、footer、header、nav、section; (6)表单控件,calendar、date、time、原创 2020-10-08 18:36:46 · 829 阅读 · 0 评论 -
浏览器内核的理解
主要分成两部分:渲染引擎(layout engineer或Rendering Engine)和JS引擎。 渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。 JS引擎则:解析和执行javascript来实现网页的动态效果。 最开始渲染引擎和JS引擎并没有区原创 2020-10-08 18:30:34 · 162 阅读 · 0 评论 -
五大浏览器及内核
浏览器:IE,Chrome,FireFox,Safari,Opera。内核:Trident,Webkit,Gecko,Webkit,Presto原创 2020-10-07 17:57:56 · 104 阅读 · 0 评论 -
浮动和清除浮动,清除浮动有哪些方式?比较好的方式是哪一种?
浮动的框可以向左或向右移动,直到他的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流的块框表现得就像浮动框不存在一样。浮动的块框会漂浮在文档普通流的块框上。(一) (1)父级div定义height。 (2)结尾处加空div标签clear:both。原创 2020-09-29 20:47:21 · 158 阅读 · 0 评论