标准H5文件头的写法

整理代码如下:

 1 <!DOCTYPE html>
 2 
 3 <!-- 声明文档语言属性 -->
 4 
 5 <!-- 中文 -->
 6 
 7 <html lang="zh-Hans">
 8 
 9 <!-- 简体中文 -->
10 
11 <html lang="zh-cmn-Hans">
12 
13 <!-- 繁体中文 -->
14 
15 <html lang="zh-cmn-Hant">
16 
17 <!-- 英文 -->
18 
19 <html lang="en">
20 
21 <head>
22 
23 <!-- 指明字符编码,此编码必须是head的第一个直接元素(紧跟在head元素下) -->
24 
25 <meta charset="utf-8">
26 
27 <!-- IE兼容模式处理,以下代码表明优先使用最新版本IE和Chrome内核 -->
28 
29 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
30 
31 <!-- SEO标签是必须的 -->
32 
33 <title>这是网页标题</title>
34 
35 <meta name="keywords" content="这是网页关键词">
36 
37 <meta name="description" content="这是页面描述">
38 
39 <!-- 声明作者信息 -->
40 
41 <meta name="author" content="作者姓名,EMAIL,联系地址">
42 
43 
44 
45 <!-- 指明网页的小图标,多数浏览器会请求web server目录下的favico.ico文件,为了避免404,建议设置 -->
46 
47 <!-- 或者将该图片置于网站根目录,命名为:favicon.ico -->
48 
49 <link rel="shortcut.icon" href="path/to/favicon.ico">
50 
51 
52 
53 <!-- 以下是移动设备 -->
54 
55 <!-- 视图模式1:1,且禁止放大,缩小 -->
56 
57 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
58 
59 <!-- IOS图标 -->
60 
61 <link rel="apple-touch-icon-precomposed" href="图标路径">
62 </head>

猜你喜欢

转载自www.cnblogs.com/wm218/p/9236946.html
今日推荐