HTML和CSS的那些事儿-1标签属性和元素

一直以来都在做.NET的后台开发，中间穿插前台开发，目前开发技能构成大概是35%前端65%后台。渐渐地发现自己对web前端开发更有兴致和感觉(对后台扯东扯西的业务逻辑不大感冒…，而且此前的后台开发一直压抑我的创造力)，决定开始系统性学习前端开发所需要的技能，包括HTML,css,javascript,silverlight和flash，当然还有PS等。。。至于.net的开发，LEVIN会继续维护自己的开源项目。若干年以后LEVIN可轻飘飘的说：“哥当年可是前后台通杀”.

注：本博客系列为电子书读书笔记。适于HTML4和XHTML，且灰常灰常的基础。

正在阅读的书籍：

《Html AND CSS Standard》{done}

《Addison.Wesley.Spring.Into.HTML.and.CSS.Apr.2005》{ing}

 

1，第一行以<!DOCTYPE..开始是为了让浏览器知道你到底要做什么，否则浏览器将用“quirks”（奇怪的）模式来表现你的网页

2，闭合标签是个好习惯。甚至务必要闭合标签

3，览器不会关注你的代码是怎么写的，也丝毫不关心空格。

经翻阅w3schools.com，浏览器一般会截短空格，比如你连续打10个空格，浏览器可能只为你保留1个。这种情况下，还是用空格的“字符实体名”即“&nbsp;”吧。关于html entities，请参考http://www.w3schools.com/HTML/html_entities.asp

4，强调

粗体(bold)强调strong，斜线(italics)强调em;不要用过时的b和i,因为他们不是语义标签。

5，换行

<br/>.千万别拿“换行当分段”用。分段用P。记住：根据语义使用标签。

6，标题

html文档的标题<title/>

html内容的标题h1~h6。主标题h1，一个页面h1最好只出现一次。h2~h3根据设计意图依次使用。

其他资料：标题的使用与SEO

7，列表

无序ul有序ol，定义列表dl

 

8，链接

<a>。注意“打开新窗口”和“取代当前窗口”的应用场景。添加title属性是个好习惯。外部链接以及文档内部锚点(anchor)的应用场景。

9，图像

<img>。height和width属性不是必须的，但如果指定这两个属性，页面加载的时候不会出现布局跳跃或闪烁的现象，因为页面会根据这两个属性预先知道图像占据的空间。实际应用中，height和width一般不会在img标签内直接指定而通过css定义。

alt属性一定要写。用于替代显示图片(当图片不能正常显示时)。

关于图像的格式，请参考google下“GIF还是PNG”。

10，表格

<table>。表格的正确用处应该是，展示表格式的数据。别排斥表格！该用表格的地方千万别拿所谓的div+css硬拼。

11，表单及表单元素

<form>。属性action是必须的，表示表单内容发往何处。

<input>元素是常用的表单元素，根据type属性的不同一共分为10种如<input type=”text”/>。

别忘了表单元素的name属性