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个。这种情况下,还是用空格的“字符实体名”即“ ”吧。关于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属性