"心得:HTML的head部分的书写顺序"


title: "心得:HTML的head部分的书写顺序" layout: post category: 技术-前端 date: 2016-06-15 16:00:00 +0800 author: hjb2722404 tags: HTML,经验 status: publish


HTML的head区域其实是很重要的一块内容,以往都会很重视Body区域的内容,对这一区域比较轻视,最近才抽空总结了一下head部分的书写顺序,都是根据自己以前的经验和教训得来的,也许有不正确的地方,之后再修正。

一般的书写顺序:

<!doctype html>
<html>
<head>
    <meta>  
    <!--meta标签紧跟着head开始标签来写,如果有多个每个一行-->
    <title>标题</title> 
    <!--meta后面紧跟title标签;-->
    <link> 
    <!-- 一般地,这个位置来引入CSS样式表文件,如果使用了插件,则先引入插件CSS样式表,再引入自己的样式表,这样做的好处是,避免插件重置你的样式-->
    <style></style> 
    <!-- 这里放置页内样式,因为页内样式的优先级要高于外部样式表文件-->

</head>
<body>
    这里是正文
<srcipt> 
    <!--脚本文件引入放在body结束标签之前,因为脚本中有可能操作样式,所以要先载入样式,再载入脚本 ;如果使用了插件,则先引用插件脚本,再引入自己的脚本,如果使用了脚本库,类似jquery,则先引入jquery.js,再引入其他脚本文件,这样做的原因是,有些js插件默认使用了jquery的功能支持,所以必须先引入jquery库 -->
</body>

</html>

这次先总结这么多,以后再有的话再更新,马克!