Web前端——Head区域代码规范

Head区域代码规范

1   必须加入的标签

1.1   关键字

<meta name="keywords" content="xxxx,xxxx,xxx,xxxxx,xxxx,">

1.2   css

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

1.3   网页显示字符集

简体中文

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

繁体中文

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

英语

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

1.4   网页标题

<title>xxxxxxxxxxxxxxxxxx</title>

2   可选加入的标签

2.1   公司版权注释

<!--- The site is designed by Maiziedu 09/2015--->

2.2   网页制作者信息

<meta name="author" content="[email protected]">

2.3   网站简介

<meta name="DESCRIPTION" content="xxxxxxxxxxxxxxxxxx">

2.4   设定网站的到期时间,一旦网页过期,必须到服务器上重新调阅

<meta http-equiv="expires" content="Wed,26 Feb 1997 08 : 21 : 57 GMT">

2.5   禁止浏览器从本地的缓存中调阅页面内容

<meta http-equiv="Pragma" content="no-cache">

2.6   用来防止别人在框架里调用你的页面

<meta http-equiv="Window-target" content="_top">

2.7   自动跳转

<meta http-equiv="Refresh" content="5:url=http://www.yahoo.con">

5指时间停留5秒

2.8   网页搜索机器人向导,用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引

<meta name="robots" CONTENT="none">

CONTENT的参数有all、none、index、noindex、follow、nofollow,默认是all

2.9   收藏夹图标

<link rel ="Shortcut Ion" href="favicon.ico">

2.10   所有的javascript的调用尽量采取外部调用

<script language="JavaScript" src="script/xxxx.js"></script>

时间: 2024-08-29 21:39:56

Web前端——Head区域代码规范的相关文章

团队开发前端VUE项目代码规范

团队开发前端VUE项目代码规范 2018年09月22日 20:18:11 我的小英短 阅读数 1658 一.规范目的: 统一编码风格,命名规范,注释要求,在团队协作中输出可读性强,易维护,风格一致的代码 二.开发SRC目录: 1.Vuex目录 (状态树配置) 2.Router目录(路由配置) 3.Pages目录 (放置主路由组件 注意命名规范) 4.Common目录 (放置静态文件) 5.Config目录 (全局配置项,路由拦截,报错信息,等枚举信息) 6.Api目录 ( 相关全局请求调用配置.

Web前端快速编写代码神器HTML/CSS/JavaScript Emment(原名Zen coding)

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: 去年年底,该插件已经改名为Emmet.但Emmet不只改名,还带来了一些新特性.本文就来直观地演示给你. 一.快速编写HTML代码 1.  初始化 HTML文档需要包含一些固定的标签,比如<html>.<head>.<body>等,现在你只需要1秒钟就可以输入这些标签.比如

10款web前端网页特效代码预览

1.Schema – 模块化,响应式的前端开发框架 Schema 是一个模块化的,响应式的前端框架,方便,快捷地帮助您迅速启动你的 Web 项目.Schema 配备完整的创建多个视图的能力.从桌面显示器到移动设备,它的12列网格提供强大的灵活性.Schema 借助了强大的 LESS,这使得代码结构干净简洁,超级容易维护.无论你是试图快速的设计原型,或者是即将发布的应用程序,Schema 提供了基础和组件来轻松设计任何响应式的 Web 项目. 在线演示 源码下载 2.Vue.js – 基于 MVV

web前端,移动开发规范概述

以下规范建议,均是Alloyteam在日常开发过程中总结提炼出的经验,规范具备较好的项目实践,强烈推荐使用 字体设置 使用无衬线字体 body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; } iOS 4.0+ 使用英文字体 Helvetica Neue,之前的iOS版本降级使用 Helvetica.中文字体设置为华文黑体STHeiTi. 需补充说明,华文黑体并不存在iOS的字体库中(http://su

2019BJFU 网站设计(孙俏-web前端开发)实验代码-181002222

实验1:老师给的图片材料忽略喵~自己设计的有图片喵~ 1 <!DOCTYPE html> 2 <html lang="en" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <!--页面标题显示 高等数学--> 6 <title>高等数学</title> 7 </head> 8 9 <body>

web前端开发规范

本文原创,这里首先声明,转载注明本文出处,翻版必究! web前端开发规范的现实意义 1.提高团队的协作能力 2.提高代码的重复利用率 3.可以写出质量更高,效率更好的代码 4.为后期维护提供更好的支持 5.可读性高 一.命名规则 1.html命名规则: a.文件名称命名规则:统一使用小写英文字母.数字.下划线的组合,不得包含汉字空格和特殊字符 2.命名原则:方便理解.方便查找 b.索引文件命名原则:index.html.index.htm.index.asp.index.aspx.index.j

前端代码规范1.0

意义:该规范旨在统一前端代码书写,规范前端代码标准,为共同协作打下良好基础,提高工作效率. 文件夹/文件命名 图片文件夹:image,images,img Js代码文件夹:js Css文件夹:css 首页:index. 其他页面根据具体情况来定,可以是中文名,英文名,拼音等,以方面认识为主. 页面框架布局 样式名称 样式名称的规则为根据对应位置的英文来命名.如: 头部:header 导航:nav 页尾:footer 消息:news,message 分页:page, 下拉:select 复选框:c

Yii2-核心框架代码规范

1.概述 简单说,我们使用PSR-2兼容规范,所以应用于PSR-2的一切对我们的代码也同样适用. 文件必须使用 <?php 或 <?= 标签. 文件未尾应该有一个新行. PHP代码文件必须只能使用无BOM的UTF-8. 代码缩进必须使用4个空格,而不是tab按键. 类名必须使用大驼峰式(首字母大写)声明. 类中常量必须使用全大写带下划线方式声明. 方法名称必须使用小驼峰式(首字母小写)声明 . 属性名称必须使用小驼峰式(首字母小写)声明. 如果是私有属性名,必须使用下划线开始. 使用elsei

web前端基础知识学习网站推介

内容:一.基础知识及学习资料1. HTML入门学习:http://www.w3school.com.cn/html/index.aspHTML5 入门学习:http://www.w3school.com.cn/html5/index.asp 2. CSS入门学习:http://www.w3school.com.cn/css/index.aspCSS3入门学习:http://www.w3schools.com/css3/default.asphttp://css3-tutorial.com/ 3.