HTML 5 代码

时间：2022-12-06 14:30:08
<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>gulp.js - 基于流的自动化构建工具。 | gulp.js 中文网</title>

    <meta name="description" content="Gulp.js 是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的，利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript（或者 CoffeeScript ）源码来实现的。">

    <meta name="keywords" content="Gulp.js,Gulp,Node.js,Node,JavaScript,CoffeeScript,Grunt,Gruntjs,Stream，流,自动化,Make">

    <meta name="author" content="gulp.js 中文网">

    <link rel="icon" href="favicon.ico">

    <!-- Bootstrap core CSS -->

    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <link rel="stylesheet" href="http://cdn.bootcss.com/highlight.js/8.4/styles/monokai_sublime.min.css">

    <!-- Custom styles for this template -->

    <link rel="stylesheet" href="css/style.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

    <!--[if lt IE 9]>

      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

      <script src="http://cdn.bootcss.com/respond/1.4.2/respond.min.js"></script>

    <![endif]-->

</head>

<body>

    <nav class="navbar navbar-inverse navbar-fixed-top site-navbar">

        <div class="container">

            <div class="navbar-header">

                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

                    <span class="sr-only">Toggle navigation</span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                </button>

                <a class="navbar-brand" href="./">Gulp 中文网</a>

            </div>

            <div id="navbar" class="collapse navbar-collapse">

                <ul class="nav navbar-nav">

                    <li><a href="./">首页</a>

                    </li>

                    <li><a href="docs/">中文文档</a>

                    </li>

                    <li><a href="docs/getting-started/">入门指南</a>

                    </li>

                    <li><a href="docs/api/">API</a>

                    </li>

                    <li><a href="docs/writing-a-plugin/">插件开发</a>

                    </li>

                    <li><a href="docs/faq/">常见问题</a>

                    </li>

                    <li><a href="docs/recipes/">使用技巧</a>

                    </li>

                </ul>

            </div>

            <!--/.nav-collapse -->

        </div>

    </nav>

    <!-- Jumbotron -->

    <header class="jumbotron">

        <img class="hidden" src="img/gulp.png" width="800" height="600">

        <h1><span class="text-hide">Gulp.js<span><img class="logo" src="img/gulp-white-text.svg"></span></span></h1>

        <p class="lead">用自动化构建工具增强你的工作流程！</p>

        <p><a class="btn btn-lg btn-default btn-getting-started" href="docs/getting-started/" role="button">开始使用</a>

        </p>

    </header>

    <main class="benefits container">

        <!-- Example row of columns -->

        <div class="row">

            <div class="col-md-6">

                <h2>易于使用</h2>

                <p>通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。</p>

            </div>

            <div class="col-md-6">

                <h2>构建快速</h2>

                <p>利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。</p>

            </div>

        </div>

        <div class="row">

            <div class="col-md-6">

                <h2>插件高质</h2>

                <p>Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。</p>

            </div>

            <div class="col-md-6">

                <h2>易于学习</h2>

                <p>通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。</p>

            </div>

        </div>

    </main>

    <!-- Site footer -->

    <footer class="footer">

        <div class="container">

            <p>&copy; Gulp 中文网 2015</p>

            <p><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备11008151号</a> | 京公网安备11010802014853</p>

        </div>

    </footer>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->

    <script src="js/ie10-viewport-bug-workaround.js"></script>

    <script src="http://cdn.bootcss.com/highlight.js/8.4/highlight.min.js"></script>

    <script>

        hljs.initHighlightingOnLoad();

    </script>

    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <script src="js/site.js"></script>

    <script type="text/javascript">

        var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");

        document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F3d8e7fc0de8a2a75f2ca3bfe128e6391' type='text/javascript'%3E%3C/script%3E"));

    </script>

</body>

</html>
/*

 * Override Bootstrap's default container.

 */

body {

  font-family: "Helvetica Neue", "Helvetica", "Lucida Grande", "Arial", "Hiragino Sans GB", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif";

  font-weight: normal;

  padding-top: 50px;

}

a {

  color: #cf4646;

}

a:hover,

a:focus {

  color: #A62C2C;

}

pre {

  border: none;

  background-color: transparent;

}

.jumbotron {

  text-align: center;

  background-color: #cf4646;

  color: #fff;

}

.jumbotron .lead em {

  display: none;

}

.jumbotron .logo {

  width: 100%;

  max-width: 200px;

}

.jumbotron .btn-getting-started {

  color: #efbfbf;

  border: none;

  box-shadow: inset 0 0 0 2px #efbfbf;

  border-radius: 2px;

  background-color: transparent;

  margin-top: 26px;

}

.jumbotron .btn-getting-started:hover,

.jumbotron .btn-getting-started:active {

  color: #fff;

  box-shadow: inset 0 0 0 2px #fff;

  background-color: transparent;

}

@media (min-width: 768px) {

  .site-navbar .navbar-nav {

    float: right!important;

  }

}

.navbar-inverse {

  background-color: #cf4646;

  border-color: transparent;

}

.navbar-inverse .navbar-brand {

  color: #efefef;

}

.navbar-inverse .navbar-nav > li > a {

  color: #e8e8e8;

}

.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:focus,

.navbar-inverse .navbar-nav > .active > a:hover {

  color: #fff;

  background-color: transparent;

}

.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

  border-color: #CA3131;

}

.navbar-inverse .navbar-toggle {

  border-color: #fff;

}

.navbar-inverse .navbar-toggle:hover,

.navbar-inverse .navbar-toggle:focus {

  background-color: transparent;

}

.footer {

  margin-top: 60px;

  text-align: center;

  color: #aaa;

}

.footer a {

  color: inherit;

}

.footer a:hover {

  text-decoration: none;

  color: inherit;

}

.docs-wrapper {

  margin-top: 30px;

}

.benefits h2 {

  margin-top: 40px;

}

.benefits p {

  font-size: 18px;

}

.markdown-body {

  font-size: 16px;

  line-height: 1.8;

}

.markdown-body h1,

.markdown-body h2,

.markdown-body h3,

.markdown-body h4,

.markdown-body h5,

.markdown-body h6 {

  margin-top: 1.2em;

  margin-bottom: 0.6em;

  line-height: 1.35;

}

.markdown-body h6,

.markdown-body h5 {

  font-size: 18px;

}

.markdown-body p,

.markdown-body pre,

.markdown-body ul,

.markdown-body ol,

.markdown-body dl,

.markdown-body form,

.markdown-body hr,

.markdown-body table,

.markdown-body blockquote {

  margin-bottom: 1.2em;

}

.markdown-body img {

  display: block;

  max-width: 100%;

  height: auto;

}

.markdown-body a {

  text-decoration: underline;

}

.markdown-body a:hover {

  text-decoration: underline;

}

.markdown-body blockquote {

  margin: 1em 0 1em 0;

  padding: 0 0 0 1.6em;

}

.markdown-body blockquote small {

  display: inline-block;

  margin: 0.8em 0 0.8em 1.5em;

  font-size: 0.9em;

}

.markdown-body pre {

  font-size: 14px;

  border: none;

  border-radius:;

}

.markdown-body hr {

  border-top: 1px solid #e5e5e5;

}

.markdown-body li ul,

.markdown-body li ol {

  margin-bottom: 0.8em;

}

HTML 5 代码的更多相关文章

  1. 日期格式代码出现两次的错误 ORA-01810

    错误的原因是使用了两次MM . 一.Oracle中使用to_date()时格式化日期需要注意格式码 如:select to_date('2005-01-01 11:11:21','yyyy-MM-dd ...

  2. 可爱的豆子——使用Beans思想让Python代码更易维护

    title: 可爱的豆子--使用Beans思想让Python代码更易维护 toc: false comments: true date: 2016-06-19 21:43:33 tags: [Pyth ...

  3. iOS代码规范（OC和Swift）

    下面说下iOS的代码规范问题,如果大家觉得还不错,可以直接用到项目中,有不同意见 可以在下面讨论下. 相信很多人工作中最烦的就是代码不规范,命名不规范,曾经见过一个VC里有3个按钮被命名为button ...

  4. Jquery的点击事件，三句代码完成全选事件

    先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...

  5. redux-amrc：用更少的代码发起异步 action

    很多人说 Redux 代码多,开发效率低.其实 Redux 是可以灵活使用以及拓展的,经过充分定制的 Redux 其实写不了几行代码.今天先介绍一个很好用的 Redux 拓展-- redux-amrc ...

  6. 编写高质量代码&colon;改善Java程序的151个建议&lpar;第5章&colon;数组和集合&lowbar;&lowbar;&lowbar;建议75~78&rpar;

    建议75:集合中的元素必须做到compareTo和equals同步 实现了Comparable接口的元素就可以排序,compareTo方法是Comparable接口要求必须实现的,它与equals方法 ...

  7. 使用 &period;NET WinForm 开发所见即所得的 IDE 开发环境，实现不写代码直接生成应用程序

    直接切入正题,这是我09年到11年左右业余时间编写的项目,最初的想法很简单,做一个能拖拖拽拽就直接生成应用程序的工具,不用写代码,把能想到的业务操作全部封装起来,通过配置的方式把这些业务操作组织起来运 ...

  8. jsp前端实现分页代码

    前端需要订一page类包装,其参数为 private Integer pageSize=10; //每页记录条数=10 private Integer totalCount; //总记录条数 priv ...

  9. 【开源】简单4步搞定QQ登录，无需什么代码功底【无语言界限】

    说17号发超简单的教程就17号,qq核审通过后就封装了这个,现在放出来~~ 这个是我封装的一个开源项目:https://github.com/dunitian/LoTQQLogin ————————— ...

  10. 【&period;net 深呼吸】限制执行代码的权限

    前面好几篇文章,老周都跟大伙伴们聊了跟应用程序域有关的话题,干脆咱们一聊到底吧,做学问就应该这样,有恒心. App Domain的创建新应用程序域的方法中,有一个特殊的重载: public stati ...

随机推荐

  1. 让你的 Xcode8 继续使用插件

    发表于 2016-09-10   |   分类于 Tips   |   21条评论   |   阅读次数 8383 随着 iOS10 的正式版即将发布,Xcode8 GM 也在发布会后放出,本文不会涉 ...

  2. Wordpress更换编辑器

    这里我更换为KindEditor 1.下载插件 https://wordpress.org/plugins/kindeditor-for-wordpress/ 2.启动插件 3.在 设置 – Kind ...

  3. content &equals; &quot&semi;IE&equals;edge&comma;chrome&equals;1&quot&semi; 详解

    content = "IE=edge,chrome=1" 详解 < meta http-equiv = "X-UA-Compatible" content ...

  4. Node&period;js 入门&lpar;2&rpar;

    1.http 请求 //调用Node.js自带的http模块 var http = require("http"); //调用http模块提供的函数createServer htt ...

  5. PHP - Windows安装Pear

    1. 打开命令窗口,切换到php的安装目录,执行以下命令(你也可以添加一个php的环境变量,就不用如此麻烦的切换目录,但是我安装了多个版本的php,所以就没有添加环境变量). 2. 当出现下面这句话时 ...

  6. 通过hue提交oozie定时任务

    Oozie是什么? Oozie是一种Java Web应用程序,它运行在Java servlet容器——即Tomcat——中,并使用数据库来存储以下内容: 工作流定义 当前运行的工作流实例,包括实例的状 ...

  7. Jquery中 &period;empty&lpar;&rpar;和&period;append&lpar;&rpar;

    jQuery empty() 方法:移除所选<div> 元素的内容: .empty()实例 jQuery append() 方法:在所选<> 元素结尾插入内容: .append ...

  8. &lbrack;源码&rsqb;Python简易http服务器&lpar;内网渗透大文件传输含下载命令&rpar;

    Python简易http服务器源码 import SimpleHTTPServerimport SocketServerimport sysPORT = 80if len(sys.argv) != 2 ...

  9. &lpar;网页&rpar;HTML5 Canvas &lpar; 事件交互&comma; 点击事件为例 &rpar; isPointInPath&lpar;转&rpar;

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  10. spring boot 错误处理总结

    在boot 中, 对404  和 异常 有了额外的处理. 当然,我们可以定制, 如何做呢? 1 写一个继承 ErrorController 的Controller 注意, 这里一定要继承 ErrorC ...

相关文章