随笔分类 - HTML
HTML
摘要：目前有有关此文章的介绍（这里），但是只是部分内容。本文为全文翻译，并提供其他的一些页面性能优化方面的资源，希望能对reflow的进一步认识有所帮助。我之前还翻译过一篇关于reflow的文章，您有兴趣可以看看（点击这里）。原文地址：http://www.stubbornella.org/content/2009/03/27/reflows…-slow/原作者：Nicole Sullivan翻译：张鑫旭 以下为翻译全文，以”zxx:”打头的灰色文字是译者，也就是我的一些旁白了。//正文开始关于回流(reflows)与重绘(repaints)，我已经在twitter和delicious上发布，但是并
阅读全文
摘要：Javascript和CSS都有许多优秀的框架，但如果你是初学者，不要急于使用它们。本文总结了30条HTML代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。1. 一定要闭合HTML标签在以往的页面源代码里，经常看到这样的语句：<li>Some text here.<li>Some new text here.<li>You get the idea.也许过去我们可以容忍这样的非闭合HTML标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你的HTML标签，否则将
阅读全文
摘要：IE6的末日即将来临，但这个末日也并非朝日可至,所以我们还是争取最后的胜利，用各种hack和方法来规避IE6下双边距，背景透明，重复文字等等一堆bug。10个修复IE6下bug技巧IE6的末日即将来临，对我们前端开发人员来说,无疑是一个慰藉人心的喜讯。但这个末日也并非朝日可至,所以我们还是争取最后的胜利,用各种hack和方法来规避IE6下双边距,背景透明,重复文字等等一堆bug.下面是转载自前端观察中的10个修复IE6下bug技巧:1.使用DOCTYPE你应该在一直每个HTML文件的头部都使用DOCTYPE，并且我们推荐使用strict版本，比如：<!DOCTYPEHTMLPUBLIC&
阅读全文
摘要：很多老的页面都没有doctype声明，浏览器对于那些没有doctype的网页是采用quirks mode解析的。通过quirks mode我们就可以解析早期的页面，防止老（90年代）的页面破相。不同的浏览器有不同的quirks模式，在ie6,7,8里，quirks模式可以有效的回到ie5.5的解析模式。但是在其他浏览器中，quirks模式和标准模式差别并不大。简单的说，如果在ie6里启动了quirks模式，那么解析的时候会按照ie5.5的渲染模式展现昨天有一个朋友给了我一个页面,说是只有在IE下会出现水平滚动条,我重新写了点简单的代码测试,发现设置了margin的0 auto可是页面不居中,最
阅读全文
摘要：float是网页布局中都要使用的css属性，他为我们灵活布局提供了方便，但同时浮动太多会带来很多麻烦，所以我通常的做法是使用float完后，马上清除他。float的本质是脱离的正常的html文档流，就是由于他脱离的文档流才出现了很多麻烦。清除浮动（我更喜欢叫闭合浮动元素）的最简单的方法就用<div style=”clear:both;”></div>加入空的标签，但是这种不够语义化，也显得不是很灵活，每次都要加额外的html。于是有人就想到css里面有一个：after的，这样就不需要加入额外的html了，完全由css完成，于是就有了下面这段比较经典的css代码：.cle
阅读全文
摘要：在IE中，有一个很重要的概念，这个概念，对 IE 中页面元素的布局有影响。这就是 hasLayout。可能很多人都不知道它的存在吧，但是它却偷偷的做了那么多坏事。虽然如此，MSDN 中涉及到 hasLayout 这个 MS 属性的地方寥寥无几，而具体解释 layout 和 IE 渲染模型之间关系的则少之又少。hasLayout 就是一把双刃剑，对 IE 的布局很重要，而同时，在 IE 中引起了很多 bug，比如浮动双边距bug等。它是很多兼容性问题的罪魁祸首。IE专有的LayouthasLayout的字面意思是 “拥有布局”。在说明 hasLayout 之前，需要先说明一个跟它相关的概念--”
阅读全文
摘要：hasLayout 是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的 hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内 容，而不是依赖于祖先元素来完成这些工作。下列元素默认 hasLayout=true ：<table> <td> <body> <img> <hr> <input> <select&g
阅读全文
摘要：作用相似html标记:strong与em、q、cite、blockquote,在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有 在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签...
阅读全文
摘要：haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout） 要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清楚的概念。大多IE下的显示错误，就是源于 haslayout。 当...
阅读全文
摘要：其实很多seoer不知道b和strong以及i和em是什么东西，因为他们从来没有接触过html标记，写文章的时候只是用网站后台的编辑器排版文章，需要加粗的时候点击编辑器上面的B按钮就行了。 但是对于一些稍微了解html的朋友来说b和strong又成了问题，不仅是seoer为这个问题头疼，就连很多网页的编写者也分不清这两个标记有什么区别，而在网页的编辑工具如：Dreamweaver里面如果选用加粗之后自动会出现strong标记，所以有的时候写完了代码，为了节省空间，还需要手工的改成b标记。 因为两者所达到的效果一样，所以人们就没有太在意这两个到底有什么区别，那么今天我来告诉大家，是有区别...
阅读全文
摘要：首先看HTML4.01中的说明： EM:Indicatesemphasis. STRONG:Indicatesstrongeremphasis. em表示强调，strong表示更强烈的强调。言简意赅，表明了em和strong的命名来历。并且在浏览器中，em默认用斜体表示，strong用粗体表示。这是第一个层次上的区别。 emisforlocalemphasis.Yousee?Localemphasis.Ifyouwouldemphasizeawordinspeech,useem.strongisforglobalhighlighting.Whensomebodylooksatyou...
阅读全文
