一选择DOCTYPE

　　DOCTYPE是一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器使用什么样的文档类型定义（DTD）来解析文档。

　　网页从DOCTYPE开始，即<!DOCTYPR html>,使用这种格式输入有以下好处：

  • 更容易输入，降低错误输入的可能性
  • 字符数少，发送到用户浏览器和加载的文件小（极其细微）
  • 所有浏览器都支持
  • 自动地使用浏览器进入标准模式

二HTML5

　　HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML （标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。

　　一个HTML5模板：

 <!doctype html>

 <html lang="en">

 <head>

     <meta charset="utf-8">//字符集

     <title>HTML5 Template</title>

     <!--[if lt IE 9]>//HTML5 shiv当注释中的特殊条件检查当前浏览器版本是否低于IE9

     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

     <![endif]-->

 </head>

 <body>

     <!-- Script 2.1 - template.html -->

 </body>

 </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学习心得（二）的更多相关文章

  1. JavaScript学习记录二

    title: JavaScript学习记录二 toc: true date: 2018-09-13 10:14:53 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...

  2. Javascript学习笔记二——操作DOM

    Javascript学习笔记 DOM操作: 一．GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二．querySelector( ...

  3. WGZX:javaScript 学习心得--2

    转贴javascript心得(二) 标签: javascriptajaxweb开发htmlfirefox框架 2008-09-11 10:56 636人阅读 评论(0) 收藏 举报  分类: UI(2 ...

  4. WGZX:javaScript 学习心得--1

    标签: javascriptiframedreamweaver浏览器htmltable 2008-09-11 10:50 1071人阅读 评论(0) 收藏 举报  分类: UI(21)  1,docu ...

  5. JavaScript学习笔记(二)——闭包、IIFE、apply、函数与对象

    一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div, ...

  6. JavaScript学习总结(二)——闭包、IIFE、apply、函数与对象

    一.闭包(Closure) 1.1.闭包相关的问题 请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div, ...

  7. JavaScript学习心得（十）

    Ajax Ajax是浏览器中使用JavaScript进行服务器后台请求,读取附加信息或者导致服务器响应的过程. Ajax广泛用于从服务器读取数据,并用所得到的数据更新页面,以及向服务器发送数据 Aja ...

  8. JavaScript学习心得（七）

    一 创建事件监听器 开发人员往往使用事件和元素组合来命名事件处理函数. 创建事件监听器方法: 嵌入式事件处理器即将JavaScript函数赋值给HTML元素属性(不推荐使用:污染HTML:无法应用渐进 ...

  9. JavaScript学习心得（五）

    一时间 1970年1月1日是电脑常用的时间参考点,称为纪元(Epoch)或者UNIX时间戳(UNIX Epoch).JavaScript中的Date对象能够表示1970年1月1日子夜前后1亿天之内的任 ...

随机推荐

  1. 【杭州(含嘉兴，绍兴，金华，湖州，义乌)】Uber优步司机奖励政策（2月1日~2月7日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  2. linux内核--内核内存管理

    如题目所示,为什么要称作“内核内存管理”,因为内核所需要的内存和用户态所需要的内存,这两者在管理上是不一样的. 这篇文章描述内核的内存管理,用户态的内存管理在以后的文章中讲述. 首先简单的说明一下下面 ...

  3. PTA 07-图5 Saving James Bond - Hard Version (30分)

    07-图5 Saving James Bond - Hard Version   (30分) This time let us consider the situation in the movie ...

  4. C# checked关键字当属性

    前端extjs 以及 bootstrap-treeview 插件要用到这个属性,加@符号解决

  5. Flex开发小结（1）如何使用AdvancedDataGrid

    1.AdvancedDataGrid扩展了普通DataGrid的功能,AdvancedDataGrid控件提供了另外一些特性,并在数据显示.数据聚合和数据格式化方面有着强大的控制力. 这里我主要说一下 ...

  6. linux进程间通讯-System V IPC 信号量

    进程间通信的机制--信号量.注意请不要把它与之前所说的信号混淆起来,信号与信号量是不同的两种事物.有关信号的很多其它内容,能够阅读我的还有一篇文章:Linux进程间通信--使用信号.以下就进入信号量的 ...

  7. group by是什么意思 mysql中

    mysql语法中group by是什么意思? 在百度中搜索半天,最后找到一篇解释比较好的(不是博文,是百度知道,很郁闷那么多网友怎么就没人解释的清楚),链接如下: http://zhidao.baid ...

  8. LabVIEW设计模式系列——资源关闭后错误处理

    标准: 1.很多引用资源其打开函数和关闭函数对错误处理的方式有所不同:2.一般地NI的Help里对打开函数的错误端子的解释是这样的:如错误发生在VI或函数运行之前,VI或函数将把错误输入值传递至错误输 ...

  9. ios中创建可以拖动的view原理和实现详解

    有时候我们会需要在界面上拖动view;uiview是继承于uiresponder的,所以可以响应触摸相关的事件. 重点是以下一组方法: - (void)touchesBegan:(NSSet *)to ...

  10. CentOS&nbsp;6.4&nbsp;图文安装教…

    点评:CentOS 6.4是最新的出的系统,这里分享下安装教程,有些设置大部分教程没出现过,特分享下,方便需要的朋友 CentOS 6.4 下载地址: http://www.jb51.net/soft ...