zoukankan      html  css  js  c++  java
  • 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:Inetpubwwwrootsiteslablainfo.html

        假设index.html路径是:c:Inetpubwwwrootsiteslablahtml utorialsindex.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. 渐进增强

      

  • 相关阅读:
    CentOS7 linux下yum安装redis以及使用
    nssm 在windows上部署服务
    netcore 2.2 封装 AutoMapper
    git pull/push免密输入
    缓存常见问题
    批量维护关系数据
    测试跨域html
    ODBC配置
    spring boot监控之prometheus配置
    REST Client
  • 原文地址:https://www.cnblogs.com/wyb-cd/p/3581353.html
Copyright © 2011-2022 走看看