一选择DOCTYPE
DOCTYPE是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器使用什么样的文档类型定义(DTD)来解析文档。
网页从DOCTYPE开始,即<!DOCTYPR html>,使用这种格式输入有以下好处:
- 更容易输入,降低错误输入的可能性
- 字符数少,发送到用户浏览器和加载的文件小(极其细微)
- 所有浏览器都支持
- 自动地使用浏览器进入标准模式
二HTML5
HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML (标准通用标记语言下的一个应用)标准版本;现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。
一个HTML5模板:
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8">//字符集 5 <title>HTML5 Template</title> 6 <!--[if lt IE 9]>//HTML5 shiv当注释中的特殊条件检查当前浏览器版本是否低于IE9 7 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 8 <![endif]--> 9 </head> 10 <body> 11 <!-- Script 2.1 - template.html --> 12 </body> 13 </html>
三为HTML添加Javascript
使用<script></script>需要引用外部文件<script src=""></script>
使用外部Javascript文件的好处:
- 当代码复杂或者网站的多个页面中重复,易于维护
- 用户的浏览器可以缓存
HTML相对路径(Relative Path)
同一个目录的文件引用,如果源文件和引用文件在同一个目录里,直接写引用文件名即可。
表示上级目录:../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。
表示下级目录:引用下级目录的文件,直接写下级目录文件的路径即可。
假设i.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
在info.html加入index.html超链接的代码应该这样写:
<a href = "html/tutorials/index.html">index.html</a>
HTML绝对路径(Absolute Path)
HTML绝对路径(absolute path)指带域名的文件的完整路径。
四关键的开发方法
功能退化
如果浏览器不支持或者没有启动Javascript,显示一个替代信息
<noscript>Your blower does not support JavaScript!</noscript>
无法执行Javascript的类型;
- 在浏览器中禁用Javascript
- 运行noscript(http://noscript.net)
- 使用读屏器
- 使用移动或者游戏设备浏览器
- 机器人,如搜索引擎
应对方法:
- 忽略这些情况(不推荐)
- 应用功能退化,最常见,提供一个备用界面
- 渐进增强