分类：html

2014
12-02

将HTML转成XHTML并清除一些无用的标签和属性

将HTML转成XHTML并清除一些无用的标签和属性 介绍这是一个能帮你从HTML生成有效XHTML的经典库。它还提供对标签以及属性过滤的支持。你可以指定允许哪些标签和属性可在出现在输出中，而其他的标签过滤掉。你也可以使用这个库清理MicrosoftWord文档转化成HTML时生成的臃肿的HTML。你也在将HTML发布到博客网站前清理一下，否则像WordPress、b2evolution等博客引擎会拒绝的。它是如何工作的里面有两个类：HtmlReader和HtmlWriterHtmlReader拓展了著名的由C... 继续阅读 >
2014
11-11

a标签触发onclick事件而不跳转

在web页面开发时，我们经常会遇到下列情况：1.一个标签仅仅是要触发onclick行为；2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。比如执行删除操作时，为了避免误操作，我们要弹出对话框让用户确定是否删除。因此我们经常会用链接<a></a>形式代替<button>触发onclick事件。代码如下：<scripttype="text/javascript">functiondel(){if(confirm("确定删除该记录？")){parent.window.location="执行删除... 继续阅读 >
2014
11-11

关于图片上加浮动标签a的问题

代码如下：HTMLcode：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="textml;charset=utf-8"/><title>无标题文档</title><styletype="text/css">.box{width:500px;height:300px;border:5pxsolid#00F;position:relative;}.left,.right{displa... 继续阅读 >
2014
11-11

浏览器的渲染原理简介

浏览器的渲染原理简介 看到这个标题大家一定会想到这篇神文《HowBrowsersWork》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因，1）这篇文章太长了，阅读成本太大，不能一口气读完。2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。所以，我准备写下这篇文章来解决上述两个问题。希望你能在上班途中，或是坐马桶时就能读完，并能从中学会一些能用在工作上的东西。浏览器工... 继续阅读 >
2014
11-11

如何利用 Bootstrap 进行快速 Web开发

如何利用 Bootstrap 进行快速 Web开发 入门下载已编译的Bootstrap数据包（可以去这里下载）。我在本文中使用的是V2.3.2。下载内容包括Bootstrap的关键元素CSS，以及一些有用的图像和JavaScript文件。您可以根据我在文中的描述为Web页面提供HTML。Bootstrap文档中不包含框架支持的许多设计选项的样例HTML。但是Bootstrap文档页面（尽管其本身已说明了Bootstrap的灵活性）还不足以解释真正起作用的基本设计原则。响应式Web设计查看Web页面的设备... 继续阅读 >
2014
11-11

你所未必知道的关于<!DOCTYPE>标签的细节

<!DOCTYPE>标签很简单，你或许会不在意。但是你有没有仔细了解过<!DOCTYPE>标签？W3cschool上建议使用XHTMLTransitionalDTD，很多人就很听话地把Dreamweaver的HTML文档类型默认设置为XHTML1.0Transitional。之后就理所当然地一直用到现在了。人这东西还真是，越长大就越懒了，很多东西都被潜意识地当成了理所当然。<!DOCTYPE>的定义<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。此标签可告知浏览器文档使用... 继续阅读 >
2014
11-11

Web开发中需要了解的东西

在StackExchange上有人问了这样一个问题：Whatshouldeveryprogrammerknowaboutwebdevelopment?（关于Web开发，什么是所有程序员需要知道的？）里面给出的答案非常不错，所以，我翻译转载过来。 顺便说一下，StackExchange真是非常好，大家可以对同一个答案做贡献和修订，看看这个问题的修订过程你就知道了——专业的问答网站应该怎么去做。这就是我在这篇文章中也说过真正的用户体验是什么样的。好了，下面是正文（我对原... 继续阅读 >
2014
11-11

程序员技术练级攻略

程序员技术练级攻略 前言你是否觉得自己从学校毕业的时候只做过小玩具一样的程序？走入职场后哪怕没有什么经验也可以把以下这些课外练习走一遍（朋友的抱怨：学校课程总是从理论出发，作业项目都看不出有什么实际作用，不如从工作中的需求出发）建议：不要乱买书，不要乱追新技术新名词，基础的东西经过很长时间积累而且还会在未来至少10年通用。回顾一下历史，看看历史上时间线上技术的发展，你才能明白明天会是什么样。一定要动手，例子不管... 继续阅读 >
2014
11-11

Jay Huang：我的亚马逊面试经验

这一切都从我还在SAP工作的时候开始。几个同行注意到亚马逊在耶鲁镇开了一家新办公室。我记得应该是在2013年1月左右吧。最初我并不是很感兴趣，但是当我听别人说了好几次之后，我仔细考虑了一下，觉得应该没什么坏处。我将在四月底离开SAP，而如果亚马逊比较合适的话，我可能会去那。网站上的职位列表很少，所以我申请了在温哥华的“Web开发工程师”职位，因为我觉得这个职位最为符合我的技能和经验。当时我并不那么积极的寻找工... 继续阅读 >
2014
11-11

如何成为一名优秀的web前端工程师

如何成为一名优秀的web前端工程师 程序设计之道无远弗届，御晨风而返。————杰佛瑞·詹姆士我所遇到的前端程序员分两种：第一种一直在问：如何学习前端？第二种总说：前端很简单，就那么一点东西。我从没有听到有人问：如何做一名优秀、甚至卓越的WEB前端工程师。何为：前端工程师？前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！它要求前端开发工程师不仅要掌握... 继续阅读 >
2014
11-11

戏说编程语言之如何使用各种编程语言杀死一条龙

戏说编程语言之如何使用各种编程语言杀死一条龙 有一位美丽的公主，被关押在一个城堡中最高的塔上，一条凶恶的巨龙看守着她，需要有一位勇士营救她…下面是各种语言如何想办法将公主从巨龙手中营救出来的。Java–赶到那里，找到巨龙，开发出一套由多个功能层组成的恶龙歼灭框架，写几篇关于这种框架的文章…但巨龙并没有被消灭掉。.NET–赶到哪里，看到了Java程序员的做法，完全拷贝过来，试图去杀掉巨龙，但巨龙把他吃掉了。C-赶到那里，对巨龙不屑一顾，举起剑，砍... 继续阅读 >