专题：HTML -- IT技术博客大学习 -- 共学习共进步！

在我的插件Super Static Cache的使用过程中，经常会有人问我这样的问题，怎么样让Super Static Cache插件支持我的HTML压缩插件，本文这里不谈技术实现问题，着重来分析一下现在的网站有没有必要再进行HTML代码压缩。

前端编码规范（2）—— HTML 规范

一般情况下，建议使用能通过标准规范验证的 HTML 代码，除非在性能优化和控制文件大小上不得不做出让步。使用诸如 W3C HTML validator 这样的工具来进行检测。规范化的 HTML 是显现技术要求与局限的显著质量基线，它促进了 HTML 被更好地运用。

《web前端最佳实践》—HTML篇

很多人把web标准挂在嘴边，却没有引起足够重视，只关注页面外在的表现而忽略页面本身代码的质量。标准的页面具有哪些优点？

[JavaWeb教程]第一章-HTML简明开发教程

网页界面一般会有网页设计师开发，程序员在开发好的静态界面上做动态扩展，所以也需要学习html语言，会一些简单的开发和修改。另外很多小公司没有专业的网页设计师，程序员会在一些基础上(就是扒别人做好的网页)做开发和变更，因此作为一个Java工程师有必要学习一下HTML基础开发。本文介绍常用的h，span,div,br,font,i,b,a,img,ul,ol,li,tatble,form等常用标签。

HTML页面布局基础

本篇博文主要整理一下html页面布局的基础知识。虽然这些知识基本都懂，但是实际用起来，其中的一些细节老是注意不到(>_<)！

[译文]使用 Mojo::DOM 来解析和处理 HTML

每个人都会用到的就是解析 HTML, 很多人都是使用正则来进行解析. 当然我们是可以使用正则, 但是相比起我最喜欢的方案使用 Mojo::DOM 这个模块所提供的 CSS3 的选择器可以直接进行 DOM 元素的操作来讲, 这个方案有意思多了.

HTML特殊字符大全

HTML的特殊字符我们并不常用，但是有的时候却要在页面中用到这些字符，甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在，国外的设计师Neal Chester整理了一份很全的特殊字符集...

语义化的HTML结构到底有什么好处？

相信大家都知道html和css，知道html结构和css表现分离，知道html语义化，这些都是这几年的热门关键字。语义化的html在国内也是一两年前才开始被追捧的，看看现在群里谈论的html结构，关于html结构的面试题，语义化的html占据了很大一部分。那么为什么要使用语义化的HTML？语义化的HTML到底有什么好处呢？

Ajax和WEB服务数据格式：XML SOAP HTML

当AJAX被创建的时候，他的原意是：Asynchronous JavaScript and XML，异步的javascript和XML，总的说来就是这样的：首先创建一个网络服务，比如可以传递HTTP GET/POST参数的PHP页面，然后返回一个XML格式的响应写一些客户端的js代码。比如传递参数和解析XML。这些调用是异步的，所以在等待数据的过程中浏览器不会被卡死。处理XML中的数据，然后更新DOM节点 AJAX这个名词被开发者和销售人员滥用了。今天这个本应该全大写缩写的词...

从HTML 2.0到HTML5

切记，HTML5并不是一门凭空造出来的新语言。它的标记变化都是革新性的，不是革命性的。无论你现在使用哪个版本的HTML创建网站，你都可以说自己已经在使用HTML5了。

自己实现的简单的html元素选择器，类似jquery选择器，比jquery选择器还要快！

最近做前端，需要选择元素，虽说有jquery和各大js库已经帮我造好了轮子，但我想试试自己实现一个，正好项目也不忙，正好加入自己的js文件中，下面是实现代码。用$g(“#content .op”)这种格式就可以调用，和jquery $()的参数一样:

使<pre>的内容自动换行

元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
标签的一个常见应用就是用来表示计算机的源代码。
而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长，结果会造成页面撑开或者代码超出边界。非常难受，如果用overflow:hidden那么会将原来的代码隐藏掉，用overflow:auto则会出现滚动条，代码也不方便阅读。
点...

HTML优化

在前段领域中，对Javascript和CSS的优化一直是大家关注的焦点，相应的压缩优化工具也非常丰富，相对而言对HTML优化的关注则显得有些冷淡。在Steve Souders的大作《Even Faster Web Sites》中谈到非常多有效的前端优化方法，例如Javascript的加载、CSS选择符、图片优化、gzip、iframe问题等，唯独没有细说HTML优化。在整个前端的构成中，HTML是必不可少的一部分，而且是真正的展示“前端”。虽然与动辄十几K的Javascript相比，HTML...

HTML5是什么东东我们为什么要关注

《HTML5是什么》是一幅很酷的HTML可视化的解说,分析了各种浏览器的支持，以及和Flash的各种对比。从图形信息设计的角度来看，我不喜欢颜色组分析浏览器性能的那块，不应该让我回头来看对比颜色，看哪个浏览器缺失了哪个性能。

Ruby 解析 HTML (Nokogiri)

很多时候我们需要爬取网页并且获取页面上的特定内容，不一定是做坏事比如爬取竞争对手的数据。也许我想定期爬自己的网站，找到页面上的链接，并且看它们指向的网页是不是都还可以访问。爬到一个网页，为了获得上面所有的链接，我以前首先想到的是用正则表达式。但是 HTML 并不一定是良构的 XML （如果每个人都用 XML 的标准写 HTML，那我们直接用标准的 XML parser 就好了），写正则表达式的时候你需要考虑大小写、换行、单引号/双...

为什么不压缩 HTML

CSS 和 JavaScript 的压缩已经很成熟，各大网站都在使用。HTML 的压缩（特指去除空白字符和注释），除了 Google 等搜索页面，在其它网页上基本见不到踪迹。原因很简单： HTML 文档中，多个空白字符等价为一个空白字符。也就是说换行符是不能被干掉的，要干掉的话，也得至少保留一个空白。 HTML 元素中，有一个pre元素，表示 preformatted text. 里面的任何空白，都不能被删除。 HTML 的注释，有 IE 的条件注释。这些条件注释是文...

十六进制HTML颜色

网页颜色在 HTML 中用十六进制记数法或名称来指定。使用十六进制记数法，要表述颜色的第一个方法是指定要混合的三原色中每一种色彩的量。通过指定红、绿、蓝的三原色组合，您可以构造出任何颜色。十六进制代码中每六位数代表一个最终颜色值。 #XXxxxx

PHP类：htmlSQL

htmlSQL是一个允许你使用类似SQL一样语法去获取XML/HTML文件的类，也就是说你不用再去写复杂的函数（或正则表达式）去读取HTML中特定的内容了。 htmlSQL的查询如下：这个查询返回一个包含所有class=“list”的链接的数组。 htmlSQL的网络操作使用了Snoopy.class.php，如果使用htmlSQL操作文件或者字符串就不需要用到Snoopy这个类。

你真的了解HTML吗

出这道题的动机是，太多人觉得HTML太简单，但它恰恰又是前端开发中最基础最重要的部分。HTML结构设计的合不合理，直接影响到代码易不易维护，灵不灵活，同时事关网页性能，协作效率。碰到不少人认为前端开发就是javascript开发，大错特错啊。javascript, html, css这三个前端开发的基础支柱，性质完全不同又紧密关联，对它们的正确理解，合理应用是专业与非专业的区别。有些后端工程师可以写出很漂亮的JS，但他们真的不懂怎么合理的把js, html, css结合起来应用。对html的准确把握，不像学一般的编程语言那样，而是建立在丰富实践经验和体会的基础上，是前端的工程师的基本功。

可选闭合标签

比如google搜索结果页的td都是不闭合的，但它是符合标准的。之前有人发现过这个问题。那到底哪些标签可以不闭合呢. html4.01 strict或html5下，即doctype声明为或下面的标签都是可以不闭合的：