HTML初始化

来源:互联网 发布:手机软件编程 编辑:程序博客网 时间:2024/05/20 03:45

注:本文系笔者搜集整理资料写的自用HTML初始化模板,所借鉴的资源均写了链接,我只是个搬运工

pc初始化模板

                Document    
m初始化模板
            Document                

说明:

<!DOCTYPE html>

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。HTML5 不基于 SGML,所以不需要引用 DTD。

请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。它不是 HTML 标签,是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令;必须是 HTML 文档的第一行,位于 <html> 标签之前,没有结束标签,对大小写不敏感;

参考文献:http://www.w3school.com.cn/tags/tag_doctype.asp 

<html lang="zh">

HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。根据 W3C 推荐标准,您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明。

参考文献:http://www.w3school.com.cn/tags/html_ref_language_codes.asp

<meta charset="UTF-8" />

当你的 html 文件是以 UTF-8 编码保存的,而且里面有中文,你试试加与不加在 Chrome 的效果你就知道有没有区别了

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

控制IE渲染内核的选择。chrome=1针对装了chrome frame插件的IE浏览器起作用,以防万一写上。

参考文献:https://msdn.microsoft.com/en-us/library/ff955275(v=vs.85).aspx

<meta name="renderer" content="webkit|ie-comp|ie-stand" />

控制双核浏览器渲染引擎,content的取值为webkit、ie-comp、ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。

参考文献:http://se.360.cn/v6/help/meta.html

<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no" />

指定屏幕缩放比例,content里的值分别为屏幕宽度、最小缩放比例、最大缩放比例、是否允许用户缩放

参考文献:http://blog.csdn.net/qq_16339527/article/details/52996316

<meta name="format-detection" content="telephone=no,email=no,adress=no" />

告诉浏览器是否识别特定格式的文本。根据项目需求修改值。

<!--[if lt IE 9]> //code here <![endif]-->

兼容IE9以下(不含)的写法,只有IE认。(例子中三个js可以使IE9-识别H5标签机使用大多数ES5特性)

参考文献:http://www.weste.net/2013/8-9/93104.html


0 0