随笔分类 -  Html

HTML5中的数据集dataset和自定义属性data-*
摘要：在html5中可为所有元素添加一种自定义的属性，这种属性的前缀以data-开头，比如：data-name,目的是为元素提供与页面渲染无关，但与dom元素强相关的属性。添加完自定义属性后我们可以通过元素的dataset属性来访问其值。 dataset与getAttribute/setAttribute 阅读全文
posted @ 2017-08-04 14:00 gq_orange 阅读(2303) 评论(0) 推荐(0)
一次完整的HTTP事务的过程、从输入URL到网页展示，浏览器都经历了什么？
摘要：详细介绍：老生常谈-从输入url到页面展示到底发生了什么 （1）一次完整的HTTP事务的过程 基本流程： a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资 阅读全文
posted @ 2017-07-21 09:47 gq_orange 阅读(268) 评论(0) 推荐(0)
常见浏览器兼容性问题与解决方案？
摘要：(1)浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *{margin:0;padding:0;}备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几 阅读全文
posted @ 2017-07-18 19:45 gq_orange 阅读(212) 评论(0) 推荐(0)
页面渲染原理
摘要：渲染引擎：渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩展）显示其他类型数据，例如使用PDF阅读器插件可以显示PDF格式。 不同的浏览器有不同的渲染引擎： Trident(MSHTML)内核：IE,MaxThon,TT,The World,360,搜狗浏览器等Gecko内 阅读全文
posted @ 2017-07-12 19:20 gq_orange 阅读(502) 评论(0) 推荐(0)
Html5知识点以及兼容性
摘要：什么的HTNL5？ HTML5 是最新的 HTML 标准。 HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。 HTML5 拥有新的语义、图形以及多媒体元素。 HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。 HTML5 是跨平台的，被设计为在不同类型的 阅读全文
posted @ 2017-05-08 13:26 gq_orange 阅读(361) 评论(1) 推荐(0)
一切皆为框——行内元素和块级元素
摘要：一切皆为框 div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。 您可以使用 display 属性改变生成的框的类型。这意味着，通过将 display 属性 阅读全文
posted @ 2017-03-29 20:56 gq_orange 阅读(1082) 评论(2) 推荐(0)