本文目錄一覽:
- 1、織夢cms中, js文件和css文件放置位置及如何調用
- 2、用了母版頁之後,css和js放在什麼位置
- 3、建站之星的CSS,JS位置怎麼放到頁面最後。CSS,JS位置是哪個文件?
- 4、CSS、JS 放置位置與前端性能的關係
織夢cms中, js文件和css文件放置位置及如何調用
1、將你的模板放到”templets”文件夾中。
2、注意這裡的”templets”目錄不是”dede/templets”目錄,是根目錄下的”templets”目錄。
3、將HTML文件的後綴改成”.htm”。
4、在原先的樣式路徑前加上這句話「{dede:global.cfg_templets_skin/}」就可以了。
用了母版頁之後,css和js放在什麼位置
放在css和js文件夾中,不管怎麼變化,這也是不會發生變化的,當然,只要路徑對應好,就不會出問題了
建站之星的CSS,JS位置怎麼放到頁面最後。CSS,JS位置是哪個文件?
這是出於提高頁面加載速度的考慮
作為網頁文件,加載順序是從上到下的,把樣式和js文件放到頁首自然會先加載。而搜索引擎的蜘蛛收錄頁面時會受到一些影響。所以百度建議把樣式和js放到頁末,等正文加載完後再加載這些文件。
樣式文件的標籤是
link rel=”stylesheet” type=”text/css” href=”樣式文件鏈接” /
JS文件的標籤是
script type=”text/javascript” src=”JS文件鏈接”/script
只要把你需要改變順序的樣式或JS標籤移到頁面代碼後面部分就可以了。
可能原來的順序是這樣的
html
head
link …../
script/script/head
body/body
/html
改變之後就變成這樣了
html
head
/head
body
link …../
script/script
/body
/html
CSS、JS 放置位置與前端性能的關係
前端性能跟很多因素都有關係,比如代碼的數量,代碼的風格,CSS文件大小,JS操作DOM元素的次數等等。一般來說,如果有很多頁面的話,最好是引入一個公共樣式文件,把相同的部分寫到一個公共樣式裏面去,盡量少用行內樣式,這樣會加大HTML文檔大小。還有JS也是一般寫到一個單獨的JS文件裏面去,做到樣式,行為,結構分離,才能提高性能。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/206871.html