WEB前端项目准备:HTML页面meta元数据声明与style样式重置

做web前端项目前,我们必须要先进行一些meta标签声明与style标签样式重置,这样就能减少BUG的出现,加强网页显示的一致性与稳定性。

下面是本作总结的,比较全面的HTML页面的元数据声明与样式重置模板(HTML模板):

<!doctype html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="Keywords" content=""/>
		<meta name="Description" content=""/>
		<!--电脑端与手机端自适应-->
		<meta name="applicable-device" content="pc,mobile">
		<!--已拦截跨源请求-->
		<meta http-equiv="Access-Control-Allow-Origin" content="*">

		<title>问心网址导航-heartmv.com</title>

		<!-- HTML5shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询(media queries)功能 -->
		<!--[if lt IE 9]>
			<script src="html5shiv.min.js"></script>
			<script src="respond.min.js"></script>
		<![endif]-->

		<style type="text/css">
			/*重置默认样式*/
			body,div,span,p,ul,ol,dl,li,dd,dt,a,img,h1,h2,h3,h4,h5,h6,form,label,textarea,select,option,fieldset,legend,strong,i,em,b,s,font,hr,video,audio{ margin: 0; padding: 0;}
			i{ font-style: normal;}
			li{ list-style: none;}
			img{ border: none;}
			input,textarea{ outline: none;}
			body{ font-size: 16px; font-family: "微软雅黑 arial";}
		</style>	
	</head>

	<body>
	
	</body>
</html>

以上的所有元数据声明与样式重置并不一定都用得到,大家可根据自己的实际需求来对本作的HTML模板进行修改。

相关js文件下载:

链接: https://pan.baidu.com/s/1v4llCAx8J64y8UK6Z8vCyw

提取码: y9ah

解压密码:heartmv.com

看完该文章有什么感受?

发表评论

电子邮件地址不会被公开。

标签:, ,
顶部