Html篇

1. HTTP Headers 入门

http://rlog.cn/?p=521

2. 当你输入一个网址的时候，实际会发生什么?

http://article.yeeyan.org/view/54517/91367

3. 你真的了解HTML吗？

题目

  哥写的不是HTML，是寂寞。

  我说：
不要迷恋哥，哥只是一个传说

解答

考点1：html和 xhtml的区别
这行代码在html 4.01 strict下是完全正确的，在xhtml 1.0 strict下是错误一堆的。所以明显是一个考点。在xhtml下所有标签是闭合的，p,br需要闭合, 标签不允许大写，P要小写。同时nbsp和br必须包含在容器里。html下这些都不是错。p在html里是可选闭合标签，是可以不用闭合的。
这个考点告诉你xhtml是多么苛刻。这是基本考点，答对，你能拿到60分。

考点2：考样式分离
用nbsp控制缩进是不合理的。应该用CSS干这事。所以应该删掉nbsp

考点3：合理使用标签
br是强制折行标签，p是段落。原题用连续的br制造两个段落的效果，效果是达到了，但显然用的不合理，段落间距后期无法再控制。正确的做法是用两个p表现两个段落。“我说”后面是正常的文字折行用br是合理的。
上面全答对，你就能拿到100分。

对原题改进的结果：
html 4.01:
哥写的不是HTML，是寂寞。
我说：
 不要迷恋哥，哥只是一个传说

xhtml 1.0:
哥写的不是HTML，是寂寞。
我说：
 不要迷恋哥，哥只是一个传说

加分：合理的用语义化标签
在前面的基础上合理的用语义化标签，对内容进行必要的标记，是加分的。但过度的使用标签，就画蛇添足了。如“我说”的话，可以用q标签标注。
哥写的不是HTML，是寂寞。
我说：
 不要迷恋哥，哥只是一个传说
我觉得这就够了，如果再进一步，“我”用cite标注，“HTML” 用abbr或acronym标注（至于再讨论abbr和acronym的区别就太较真了），也OK。再复杂就没必要了。

 哥写的不是HTML，是寂寞。
 我说：
 不要迷恋哥，哥只是一个传说

4. 头部声明

http://www.w3.org/QA/2002/04/valid-dtd-list.html

了解 embed 及 param 標籤中 wmode 屬性、並且動態修改它

http://josephj.com/entry.php?id=364

 

[非原创　系转载]

转载于:https://www.cnblogs.com/zhupinglei/archive/2012/02/10/2345700.html