作者声明：本博客中所写的文章，都是博主自学过程的笔记，参考了很多的学习资料，学习资料和笔记会注明出处，所有的内容都以交流学习为主。有不正确的地方，欢迎批评指正

HTML页面模板代码

常用的页面模板

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="shortcut icon" href="/favicon.ico" /><link rel="bookmark" href="/favicon.ico" type="image/x-icon"/><!-- 设置缓存 --><!-- 设定网页的到期时间  --><meta http-equiv="Expires" content="-1"><!-- 清除缓存（再访问这个网站要重新下载！） --><meta http-equiv="Cache-Control" content="no-cache"><!-- 禁止浏览器从本地机的缓存中调阅页面内容，访问者将无法脱机浏览 --><meta http-equiv="Pragma" content="no-cache"><!-- author用于定义网页作者 --><meta name="author" content="aicoder.com"><!-- 就是当点击网页添加至主屏幕功能时，会在主屏幕上生成一个图标。点击该图标会进入webapp功能。就是模拟本地应用的模式来浏览web页面。 --><meta name="apple-mobile-web-app-capable" content="yes"><!-- 当启动webapp功能时，显示手机信号、时间、电池的顶部导航栏的颜色。默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。这个主要是根据实际的页面设计的主体色为搭配来进行设置。 --><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- 添加到主屏幕后，app全屏显示 --><meta content="yes" name="apple-touch-fullscreen" /><!-- 默认设备会自动识别任何可能是电话和邮箱的字符串。设置telephone=no可以禁用这项功能。 --><meta content="telephone=no,email=no" name="format-detection" /><!-- UC浏览器私有 --><!-- 全屏模式 --><meta name="full-screen" content="yes"><!-- 应用模式 --><meta name="browsermode" content="application"><!-- QQ浏览器私有 --><!-- 全屏模式 --><meta name="x5-fullscreen" content="true"><!-- 应用模式 --><meta name="x5-page-mode" content="app"><meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" /><!-- iOS下页面启动加载时显示的画面图片，避免加载时的白屏。 --><!-- <link rel="apple-touch-startup-image" href="start.png" /> --><!-- 苹果为iOS设备配备了apple-touch-icon私有属性，添加该属性，在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏幕上，方便用户以后访问。 --><!-- <link rel="apple-touch-icon" href="/custom_icon.png" /> --><!-- 系统会自动为apple-touch-icon图标添加圆角及高光。如果不想系统对图标添加效果，可以用apple-touch-icon-precomposed代替apple-touch-icon， --><!-- <link href="//gw.alicdn.com/tps/i2/TB1nmqyFFXXXXcQbFXXE5jB3XXX-114-114.png" rel="apple-touch-icon-precomposed"> --><link rel="stylesheet" href="./lib/swiper/css/swiper.min.css"><link rel="stylesheet" href="./font/font-shop/iconfont.css"><link rel="stylesheet" href="./css/common.css"><link rel="stylesheet" href="./css/index.css"><script src="./js/rem.js"></script><title>优选网</title>
</head><body></body></html>

转载于:https://www.cnblogs.com/NightTiger/p/10259122.html

HTML页面模板代码相关推荐

错误跳转html页面模板,404错误页面模板代码大全 - 搜外SEO问答
一.腾讯的404错误页面模板代码 ![seowhy](uploads/article/20160609/1465430463799210.png) 腾讯推出一个非常公益的404错误页面代码,其中主要以 ...
echarts企业地区大数据图表模板代码
echarts企业地区大数据图表模板代码 Html5 echarts.js制作通用的企业发展营销统计大数据管理图表页面模板代码. 作品介绍 1.网页作品简介方面 : html5 echarts.js制 ...
openstack页面自定义插件使用详解（django、ajax、post）（zTree为例）
2019独角兽企业重金招聘Python工程师标准>>> 感谢朋友支持本博客,欢迎共同探讨交流,由于能力和时间有限,错误之处在所难免,欢迎指正! 如有转载,请保留源作者博客信息. Be ...
FreeMarker中文帮助手册API文档,基础入门学习文档
FreeMarker中文帮助手册API文档,基础入门学习文档分类: 编程技术发布: bywei 浏览: 7 日期: 2011年5月28日分享到: QQ空间新浪微博腾讯微博人人网什么是Fr ...
FreeMarker手册pdf
下载地址:网盘下载 FreeMarker是一款模板引擎: 即一种基于模板.用来生成输出文本(任何来自于 HTML格式的文本用来自动生成源代码)的通用工具.它是为 Java 程序员提供的一个开发包, 或 ...
使用Windows8开发Metro风格应用五
我们紧接着上篇,开始我们的Metro风格应用开发. -----------------------------------我是华丽的分割线------------------------------- ...
Discuz x2.5目录结构注释
Discuz x2.5目录结构注释(个人理解,错误请指出) 首先:根目录下 api文件夹: API应用程序编程接口 archiver文件夹: 论坛Archiver静态化 config文 ...
SAP 电商云 Accelerator 和 Spartacus UI 的工作机制差异
SAP Commerce Cloud Accelerator UI 基于 JSP,属于服务器端渲染技术,Commerce 服务器将渲染好的 HTML 页面发送给客户端. 当用户在当前页面点击某些元素, ...
SAP Spartacus 的页面布局
官方文档 Spartacus 基于单页面应用程序设计模式,但仍有页面呈现在店面中. "页面"的概念是网络的关键并且无法避免:页面由 URL 标识.由搜索引擎索引.通过社交媒体共享. ...
FreeMarker笔记前言第1章入门
简介简介 FreeMarker是一款模板引擎:一种基于模板的.用来生成输出文本(任何来自于HTML格式的文本用来自动生成源代码)的通用工具.它是为Java程序员提供的一个开发包或者说是类库.它不是面 ...

HTML页面模板代码

HTML页面模板代码

HTML页面模板代码相关推荐

最新文章

热门文章