JavaScript学习心得(二)

一选择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)
  • 使用读屏器
  • 使用移动或者游戏设备浏览器
  • 机器人,如搜索引擎

  应对方法:

  1. 忽略这些情况(不推荐)
  2. 应用功能退化,最常见,提供一个备用界面
  3. 渐进增强

  

JavaScript学习心得(二),古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。