当我们初始化项目时,我们会有一个html模板,它会做各种兼容和声明工作。如果PC端需要适配IE8,需要添加很多间隔符,并且必须要做双核浏览器的优先配置; M端需要适配不同分辨率的屏幕,并且还存在300ms的延迟问题。下面是作者在项目过程中编译的两个模板,经过一定项目的测试,供大家参考。
另外,本文涉及的M端适配并不是rem,而是修改了显示比例。这个方案相对于rem至少有两个优点:一是节省字符,二是不需要计算,设计稿是一样的。不过实际使用中,UC浏览器似乎无法识别user-=0,仍然会双击放大,但我觉得还是可以接受的。如果您遇到其他Bug,请反馈,谢谢。
电脑模板
Document
M模板
Document
公共部分说明 1.
在 HTML 4.01 中,声明引用 DTD,因为 HTML 4.01 基于 SGML。 DTD 指定标记语言的规则,以便浏览器可以正确呈现内容。 HTML5不基于SGML,因此不需要引用DTD。
始终向 HTML 文档添加声明,以便浏览器知道文档类型。它不是 HTML 标签,而是一条指令,指示 Web 浏览器使用哪个 HTML 版本来编写页面;必须是HTML文档的第一行,标签之前,没有结束标签,并且不区分大小写;
参考:
2.
HTML的lang属性可用于网页或网页的一部分的语言。这对于搜索引擎和浏览器很有帮助。根据W3C的建议,您应该通过标签中的lang属性声明每个页面的主要语言。
参考:
3.
当你的html文件以UTF-8编码保存并且包含汉字时,你可以尝试一下添加或不添加的效果,就知道有没有区别。
4.
告诉浏览器是否识别特定格式的文本。根据项目需要修改数值。
电脑部分说明
1.
控制 IE 渲染内核的选择。 =1 适用于安装了框架插件的 IE 浏览器,以防万一。
参考:(v=vs.85).aspx
2.
控制双核浏览器渲染引擎。该值为 ie-comp 或 ie-stand 之一。它们区分大小写,分别代表使用内核、IE兼容内核和IE标准内核。
参考:
3.
扫一扫在手机端查看
-
Tags : 项目初始化——HTML模板
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求,请立即点击咨询我们或拨打咨询热线: 13761152229,我们会详细为你一一解答你心中的疑难。