xhtml结构与标签概述

XHTML是什么？
通俗的说，XHTML是一个基于XML的标记语言，是一种增强了的HTML。XHTML相对HTML4来说更加简洁、严谨，目前网页设计中推崇的WEB标准就是基于XHTML。
阅读全文 »

CSS控制图片自动适应宽度

CSS控制图片，如果超过最大宽度值，自动缩小到指定宽度：

留个记号，Firefox支持max-width，IE支持expression。

expression是CSS中的行为，用来关联CSS属性和Javascript表达式。
因其不符合标准，貌似只有IE才能识别，对浏览器资源要求也比较高，
如果不是特别需要，尽量不用。

前端的那点事

毫无疑问，当前的html使用div布局已经成为主流，而且在不短的一段时间里，还仍将是主流。
div+css，如果表达得准确点，应该说是xhtml+css，传说中是html向xml过度的产品。
xml的应用大部分仍在数据交换，现在是，以后估计也是，前端输出将来有html5来唱主角了，xml估计还是“死跑龙套的”。
div+css布局并不是什么新鲜事物，和Ajax一样，都可以算是炒冷饭。
05年一本《Designing With Web Standards》（中文书名：网站重构：应用Web标准进行设计）让xhtml得到了很多前端开发者的重视，并很快成为主流。
Ajax应用虽不及xhtml的盛行，但也把JavaScript提到了一个非常高的高度。
在前几年，JS话题最多的还是“网页特效”之类的话题，JS在大部分人眼中，只是一段段随便Copy用来实现某某网页特效的廉价物，掌握这门语言，并不能给你的工作价值加多少分。
看看如今Jquery等JS框架的流行，以及各大公司、团队对前端开发的关注，JavaScript已非吴下阿蒙，现在能掌握好这门语言，已经不再只是加点分的问题了，或许，JavaScript将会成为你的金饭碗。
如果说，以前的前端是美工的天下，那么，现在呢？以后呢？

慎用微软雅黑字体

装有微软雅黑字体的电脑数量越来越多，网站的应用也在逐步增加，但未装微软雅黑字体的电脑仍在多数。
如果某个文字样式使用了微软雅黑字体，而用户电脑没有此字体，
在使用padding设定文字位置的情况下，会产生一定程度的错位，影响页面的协调。
其他场景产生的影响还未发现，但可能潜在一些问题。

几个经典的css技巧

使用 line-height 垂直居中

line-height:24px;

使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致）
阅读全文 »

图片链接与SEO

一般的情况下，图片链接的seo都是采用Alt或者链接title加关键词的方式：

我要说的,严格来说并不属于图片链接,可以理解成将文字链接以图片链接的形式表现出来，这对搜索引擎来说，无疑是最好的一种方式。

言归正传，关键的东西其实很简单—“css的块对象”。

这里,我们不要管图片,把链接按文本来写:
阅读全文 »