html5-boilerplate 网络上最受欢迎的前端模板

[ 默认分类 ]

官网下载v 7.0.1

以下部分为自己翻译,原版点击:
HTML5 Boilerplate 主页 | 文档目录

用法


HTML5 Boilerplate的最基本用法是创建静态站点或简单应用程序。下载或克隆项目后,该过程如下所示:

  1. 设置网站的基本结构.
  2. 添加一些内容、样式和功能.
  3. 在本地运行您的站点以查看其外观.
  4. 部署您的站点.

很酷,对吗?是的。也就是说,HTML5 Boilerplate提供的智能默认值,基线元素,默认属性值和各种其他实用程序可以作为您构建的任何基础。

甚至可以通过自动构建过程操作代码来增强简单静态站点的基本用例。提高复杂性HTML5 Boilerplate可以与您正在使用的任何前端框架,CMS或电子商务平台集成。根据您的心脏内容进行混合搭配。使用您需要的东西(如果需要,将其扔进搅拌机)并丢弃其余部分。HTML5 Boilerplate是一个起点,而不是目的地。

基本结构


基本的HTML5 Boilerplate网站结构是这样的:

.
├── css
│   ├── main.css
│   └── normalize.css
├── doc
├── img
├── js
│   ├── main.js
│   ├── plugins.js
│   └── vendor
│       ├── jquery.min.js
│       └── modernizr.min.js
├── .editorconfig
├── .htaccess
├── 404.html
├── browserconfig.xml
├── favicon.ico
├── humans.txt
├── icon.png
├── index.html
├── robots.txt
├── site.webmanifest
├── tile.png
└── tile-wide.png

一下是每个主要部分的概述及如何使用它们。

css

该目录应包含项目的所有CSS文件。它包含一些初始CSS,以帮助您从一个坚实的基础开始。

doc

该目录包含所有HTML5 Boilerplate文档。您可以将它用作您自己项目文档的位置和基础。

js

该目录应包含项目的所有JS文件。这里可以包含库,插件和自定义代码。它包含一些初始的JS来帮助您入门。

.htaccess

默认的Web服务器配置适用于Apache。有关更多信息,请参阅Apache Server Configs存储库

在Apache以外的服务器上托管您的站点?您可能会在我们的Server Configs 存储库中找到相应的服务器配置项目。

404.html

一个有用的自定义404,可以帮助您入门。

browserconfig.xml

此文件包含有关IE11和Edge的自定义切片的所有设置。

有关此主题的更多信息,请参阅 Microsoft的文档)。

.editorconfig

.editorconfig 提供该文件是为了鼓励和帮助您和您的团队在不同的编辑器和IDE之间保持一致的编码风格。了解更多关于.editorconfig .

index.html

这是默认的HTML框架,应该构成您网站上所有网页的基础。如果您使用的是服务器端模板框架,则需要将此初始HTML与您的设置集成。

如果您修改目录结构,请确保更新引用的CSS和JavaScript的URL。

如果您使用的是Google Universal Analytics,请确保编辑底部的相应代码段以包含您的分析ID。

humans.txt

编辑此文件以包含在您的网站/应用上工作的团队以及为其提供支持的技术。

robots.txt

编辑此文件以包含您需要从搜索引擎隐藏的任何页面。

Icons

替换默认favicon.ico, tile.png, tile-wide.png 和apple-touch图标。

如果您想针对不同的分辨率使用不同的Apple Touch图标,请参阅相应的文章.

#none

2019年03月07日761 次浏览

随机

扫一扫
查看手机版