提高網站頁面的加載速度的方法其實有很多,那本文主要從下面四個角度進行討論,分享常用的提高網頁加載速度的技巧:
公司主營業(yè)務:網站設計制作、網站設計、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現互聯網宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯推出市北免費做網站回饋大家。
一、網頁壓縮技術
對于網頁壓縮而言,相信各位站長都比較熟悉,主要是啟用服務器Gzip,對頁面Gzip壓縮,減少元素的體積,從而減少數據的傳輸,進而提高網頁的加載速度。
二、Css優(yōu)化
(1)css位置
CSS說明如果出現在body后,頁面需要重新渲染,打開速度受到影響。所有css定義代碼的位置要放到網站body之前。
(2)css sprite技術
網站上的一些圖片可以采用css sprite技術進行合并,減少加載請求次數,從而提高網頁的加載速度。
(3)css代碼優(yōu)化
通過對css代碼屬性的簡寫、移除多余的結構(frameworks)和重設(resets)等一系列的方法和技巧來簡化css代碼,減小css文件的大小。
三、JS優(yōu)化
(1)JS位置
網頁代碼中對js進行優(yōu)化的時候,建議將JS放在頁面最后,這樣可以加快頁面打開速度。
(2)合并JS
合并相同域名下的js,通過減少網絡連接次數從而提高網頁的打開速度。
(3)LazyLoad(延遲加載)技術
Lazy Load是一個用JavaScript 編寫的 jQuery 插件,它可以延遲加載長頁面中的圖片。在瀏覽器可視區(qū)域外的圖片不會被載入,直到用戶將頁面滾動到它們所在的位置。
四、緩存靜態(tài)資源
通過設置瀏覽器緩存,將css、js等不太經常更新的文件緩存在瀏覽器端,這樣同一訪客再次訪問你的網站的時候,瀏覽器就可以從瀏覽器的緩存中獲取css、js等,而不必每次都從服務器讀取,這樣在一定程度上加快了網站的打開速度,又可以節(jié)約服務器流量。
CSS簡寫就是指將多行的CSS屬性聲明化成一行,又稱為CSS代碼優(yōu)化。CSS簡寫的最大好處就是能夠顯著減少CSS文件的大小,其實還有很多其他益 處。臃腫而雜亂的CSS樣式表會使你遇到問題是難以調試。尤其是當一個團隊在進行設計的時候,你的臃腫的CSS代碼會使你的團隊其他成員的工作效率下降。
今天,整理了一些CSS簡寫技巧,它們其實是CSS最常用的寫法,但是太多的人使用Dreamweaver這種所見即所得軟件來編寫CSS,使得代碼過 于臃腫。不過沒關系,看過本文之后,你一能能掌握CSS代碼優(yōu)化的技巧,今后讓你的每一個CSS樣式表都看起來整潔而簡短吧。
屬性值為0
書寫原則是如果CSS屬性值為0,那么你不必為其添加單位(如:px/em),你可能會這樣寫:
padding:10px5px0px0px;
試試這樣吧:
padding:10px5px00;
移除選擇器
選擇器是你在為一些元素應用CSS樣式時的基本方法,比如h1,h2,h2,div,strong,pre,ul,ol等等…如果你使用了class(.類名)或ID(#id名),那么就不用再在聲明CSS時包含選擇器了。
div#logowrap
嘗試扔掉多余的選擇器吧:
#logowrap
在這個例子中所謂的那個選擇器就是div
*總愛和你開玩笑
要明智的使用*而避免它在整個CSS樣式表中亂開玩笑,*是個通配符,你可以使用它來為你的設計部分或全部進行一系列CSS聲明。例如:
*{
margin:0;
}
這個聲明會將所有元素的margin值設置為0,同樣的,為了嚴謹起見,你可以嘗試這樣設置:
#menu*{
margin:0;
}
這樣的聲明是指將#menu下的所有元素的margin設為0。
背景
背景(background)屬性可能會包含設置背景色、背景圖、背景圖的位置和背景圖重復方式的參數,你可能會寫成:
background-image:url(”logo.png”);
background-position:topcenter;
background-repeat:no-repeat;
其實可以寫成:
background:url(logo.png)no-repeattopcenter;
顏色
顏色(color)屬性在CSS通常指定為一個十六進制的值,一個#加6位數,他的簡寫方式是如果顏色值由成對兒出現的三對而數字組成,你可以省略掉沒對中的一個數字。
#000000可以寫成#000,#336699可以寫成#369
這種簡寫技巧只適用于成對出現的顏色值,其它顏色值不適用這種技巧,比如:
#010101,#223345,#FFF000
Margin(外邊距/空白邊)
聲明CSSmagin值得時候通常會寫成這樣:
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
margin-left:10px;
讓我們試試把值為0的單位去掉,并把4條聲明合并成一條聲明:
margin:010px010px;
當你生命padding、margin、border(還有一些其他屬性)時,記得要把按照順時針的方向來聲明屬性值,也就是按照上-右-下-左的方 向。關于這些屬性還有另一個更加簡單的寫法,看看屬性中上和下、左和右是否值是相等的,如果是那么就可以進一步優(yōu)化了,你可以省略掉后兩個值,剩下的兩個 值前者指上下,后者指左右:
margin:010px;
它是指左右的值為10px,上下的值為0;
Padding(內邊距)
padding的簡寫技巧等同于margin:
padding-top:0px;
padding-right:10px;
padding-bottom:0px;
padding-left:10px;
可以寫成:
padding:010px;
Borders(邊框)
邊框的簡寫方式相比其它生命來說會比較復雜,很多CSSer一開始都容易記混它的簡寫順序,如果你想聲明一個1像素寬的實線黑色邊框,可能會寫成:
border-width:1px;
border-style:solid;
border-color:#000;
其實可以寫成:
border:1pxsolid#000;
注意:這里的顏色值已經使用了上面講過的顏色簡寫方法了哦。
我們還可以為四個邊設置不同的寬度:
border-top-width:1px;
border-right-width:2px;
border-bottom-width:3px;
border-left-width:4px;
可以簡寫成:
border-width:1px2px3px4px;
最后,我們還可以只設置左和右的邊的樣式:
border-right:1pxsolid#000;
border-bottom:1pxsolid#000;
雖然并沒減少多少代碼,但暴風彬彬建議寫成這樣:
border:1pxsolid#000;
border-width:01px1px0;
先設置四個邊的默認風格,然后聲明具體的哪個邊要顯示。
文字
文字屬性也有很多可能會用到的屬性值,像背景一樣,你可能會聲明這種復雜的文字樣式:
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:150%;
font-family:宋體,Arial,sans-serif;
其實可以優(yōu)化成一行:
font:italicsmall-capsbold1em/150%宋體,Arial,sans-serif;
列表
list-style-type:square;
list-style-position:inside;
list-style-image:url(filename.gif);
可以寫成:
list-style:squareinsideurl(filename.gif);
堅持使用統(tǒng)一的CSS命名規(guī)則并養(yǎng)成習慣,可以讓你更容易維護、修改以前編寫過的CSS代碼,進而提高自己的工作效率,而且還能加強搜索引擎的SEO優(yōu)化,方便記憶,那么,我們如何才能將CSS的命名做得井井有條呢?
1、CSS文件及樣式命名
首先,先為大家展示一些CSS文件及樣式的命名樣例,因為這些名稱能使大家立馬明白定義的文件,具體如下所示:
(1)、CSS文件命名規(guī)范
全局樣式:global.css
框架布局:layout.css
字體樣式:font.css
鏈接樣式:link.css
打印樣式:print.css
主要的:master.css
專欄:columns.css
主題:themes.css
(2)、CSS樣式命名規(guī)范
對于CSS樣式的命名規(guī)則,建議用字母、_號工、-號、數字組成,必須以字母開頭,不能為純數字,為了開發(fā)后樣式名管理方便,大家請用有意義的單詞或縮寫組合來命名,讓同事一看就明白這樣式大概是哪一塊的,這樣就節(jié)省了查找樣式的時間。
例如:頭部樣式用header,頭部左邊,可以用header_left或header_l,還有如果是列結構的可以這樣——box_1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box_3of3 (三列中的第三列),其它的我就不一一舉例了,大家按以上規(guī)律去命名就好。
下面列出一些常用的命名單詞方便大家使用(以后大家工作過程中慢慢把自己積累的單詞都共享出來,那大家的命就會更加統(tǒng)一了,就不會有一義多詞的情況了):
容器:container/box
頭部:header
主導航:mainNav
子導航:subNav
頂導航:topNav
邊導航:sidebar
左導航:leftsideBar
右導航:rightsideBar
網站標志:logo
大廣告:banner
頁面中部:mainBody
整個頁面:content
底部:footer
菜單:menu
菜單內容:menuContent
子菜單:subMenu
子菜單內容:subMenuContent
搜索:search
搜索關鍵字:keyword
搜索范圍:range
標簽文字:tagTitle
標簽內容:tagContent
當前標簽:tagCurrent/currentTag
標題:title
內容:content
列表:list
當前位置:currentPath
側邊欄:sidebar
圖標:icon
注釋:note
登錄:login
注冊:register
面包屑:breadCrumb(即頁面所處位置導航提示)
列定義:column_1of3 (三列中的第一列)、column_2of3 (三列中的第二列)、column_3of3 (三列中的第三列)
2、CSS的優(yōu)先級
行內樣式(inline style) ID選擇符 樣式(class)、偽類(pseudo-class)和屬性(attribute)選擇符 類別(type),偽對象(pseudo-element)。
博客注解:
*內聯樣式(inline style):元素的style屬性,比如 div style="color:red;"/div,其中的color:red;就是行內樣式。
*ID選擇符:元素的id屬性,比如div/div可以用ID選擇符#content
*偽類(pseudo-class):最常見的是錨(a)偽類,比如a:link,a:visited.
*屬性選擇符(attribute selectors):比如div[class=demo],含有class為demo的div元素。
*類別選擇器(type selector):HTML標簽選擇,比如div .demo,div元素下含有class為demo的元素。
*偽對象選擇器(pseudo-element selector):比如div:first-letter,div元素下的第一個單詞。
3、默認值
通常padding和margin的默認值為0,background-color的默認值是transparent,但是在不同的瀏覽器默認值可能不同。
如果怕有沖突,可以在樣式表一開始就先定義所有元素的margin和padding值都為0,例如:
* {
padding:0;
margin:0
}
或者是針對某元素來定義:
ul,li,div,span {
padding:0;
margin:0
}
4、不要重復定義可繼承的值
CSS中,子元素自動繼承父元素的屬性值,象顏色、字體等,已經在父元素中定義過的,在子元素中可以直接繼承,不需要重復定義。
除非是為了更變當前元素樣式不使用父元素的屬性值,但是要注意,瀏覽器可能用一些默認值覆蓋你的定義。
5、CSS代碼書寫樣式
在寫CSS代碼的時候,對于縮進、斷行、空格,每個人有每個人的書寫習慣,在經過不斷實踐后,我決定采用下面這樣的書寫樣式:
.classname {
width:100px;
}
當使用聯合定義時,我通常將每個選擇器單獨寫一行,這樣方便在CSS文件中找到它們,在最后一個選擇器和大括號之間加一個空格,每個定義也單獨寫一行,分號直接在屬性值后,不要加空格。
我習慣在每個屬性值后面都加分號,雖然規(guī)則上允許最后一個屬性值后面可以不寫分號,但是如果你要加新樣式時容易忘記補上分號而產生錯誤,所以還是都加比較好,最后,關閉的大括號單獨寫一行,這樣的空格和換行有助與閱讀
6、使用css縮寫
使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀,常用的css縮寫的主要規(guī)則有:
(1)、顏色
16進制的色彩值,如果每兩位的值相同,可以縮寫一半,例如:
#000000可以縮寫為#000;#336699可以縮寫為#369;
(2)、盒尺寸
通常有下面四種書寫方法:
property:value1; 表示所有邊都是一個值value1
property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3
property:value1 value2 value3 value4; 四個值依次表示top,right,bottom,left
方便的記憶方法是順時針,上右下左,具體應用在margin和padding的例子如下:
margin:1em 0 2em 0.5em;
(3)、邊框(border)
邊框的屬性如下:
border-width:1px;
border-style:solid;
border-color:#000;
可以縮寫為一句:border:1px solid #000;
語法是:border:width style color;
(4)、背景(Backgrounds)
背景的屬性如下:
background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;
可以縮寫為一句:background:#f00 url(background.gif) no-repeat fixed 0 0;
語法是:background:color image repeat attachment position;
你可以省略其中一個或多個屬性值,如果省略,該屬性值將用瀏覽器默認值,默認值為:
color: transparent
image: none
repeat: repeat
attachment: scroll
position: 0% 0%
(5)、字體(fonts)
字體的屬性如下:
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:"Lucida Grande",sans-serif;
可以縮寫為一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
提示:如果你縮寫字體定義,至少要定義font-size和font-family兩個值。
(6)、列表(lists)
取消默認的圓點和序號可以這樣寫list-style:none;
list的屬性如下:
list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);
可以縮寫為一句:list-style:square inside url(image.gif);
7、多重CSS樣式定義,屬性追加重復最后優(yōu)先原則
一個標簽可以同時定義多個class,也可以是同一個class中重復定義屬性,例如:
我們先定義兩個樣式:
.one{width:200px;background:url() no-repeat left top;}
.two{border:10px solid #000; background:url() no-repeat left top;}
在頁面代碼中,我們可以這樣調用:
div class="one" two/div
這樣最終的顯示效果是這個div樣式是什么呢?重復的是以哪一個為準呢?
div class="one" two/div應用到的樣式如下:
width:200px;
border:10px solid #000;
background:url() no-repeat left top;
因為,當應用兩個或多個樣式時,瀏覽器所應用的樣式根據是屬性追加重復最后優(yōu)先原則。
就是說兩個或多個或重復的樣式名定義,瀏覽器所應用的樣式是按先后順序的,如果定義了重復的屬性值,以最后定義的為準,如果應用了兩個或多個樣式名,里面不重復定義的屬性值就追加上去,重復的屬性值就以最后一個為準。
這里要注意的是,樣式的先后不是根據頁面上應用的名字順序,而是樣式表里的樣式順序。
8、導入(Import)和隱藏CSS
因為老版本瀏覽器不支持CSS,一個通常的做法是使用@import技巧來把CSS隱藏起來,例如:
@import url(main.css);
然而,這個方法對IE4不起作用,這讓我很是頭疼了一陣子,后來我用這樣的寫法:
@import main.css;
這樣就可以在IE中也隱藏CSS了,呵呵,還節(jié)省了5個字節(jié)呢!
9、CSS hack
有些時候,你需要對IE瀏覽器的bug定義一些特別的規(guī)則,這里有太多的CSS技巧(hacks),我只使用其中的兩種方法,不管微軟在即將發(fā)布的IE版里是否更好的支持CSS,這兩種方法都是最安全的。
(1)、注釋的方法
a、在IE中隱藏一個CSS定義,你可以使用子選擇器(child selector):
htmlbody p {
}
b、下面這個寫法只有IE瀏覽器可以理解(對其他瀏覽器都隱藏)
* html p {
}
c、還有些時候,你希望IE/Win有效而IE/Mac隱藏,你可以使用反斜線技巧:
* html p {
declarations
}
d、下面這個寫法只有IE7瀏覽器可以理解(對其他瀏覽器都隱藏)
*+ html p {
}
(2)、條件注釋(conditional comments)的方法
另外一種方法,我認為比CSS Hacks更加經得起考驗就是采用微軟的私有屬性條件注釋,用這個方法你可以給IE單獨定義一些樣式,而不影響主樣式表的定義,就像這樣:
!--[if IE]
link rel=stylesheet/css href="" /
![endif]--
還有更多的CSS hack大家可以通過網上找找,但是有很多hack都是不符合w3c標準的,根據以上的hack寫了一個能區(qū)分IE6、IE7、FF的樣式,而且可以符合w3c標準,代碼如下:
.classname {width:90px!important;width:100px;}
*+html .classname {width:95px!important;}
這樣寫后在IE6下寬是100px,IE7下是95px,火狐下是90px。
10、明確定義單位,除非值為0
忘記定義尺寸的單位是CSS新手普遍的錯誤,在HTML中你可以只寫width=100,但是在CSS中,你必須給一個準確的單位,比如:width:100px width:100em。
只有兩個例外情況可以不定義單位:行高和0值,除此以外,其他值都必須緊跟單位,注意,不要在數值和單位之間加空格。
11、區(qū)分大小寫
當在XHTML中使用CSS,CSS里定義的元素名稱是區(qū)分大小寫的,為了避免這種錯誤,建議大家將所有的定義名稱都采用小寫。
class和id的值在HTML和XHTML中也是區(qū)分大小寫的,如果你一定要大小寫混合寫,請仔細確認你在CSS的定義和XHTML里的標簽是一致的。
12、id和class的使用及區(qū)別
我們知道在樣式表定義一個樣式的時候,可以定義id,也可以定義class,例如:
ID方法:#test{color:#333333},在頁面中調用div內容div
CLASS方法:.test{color:#333333},在頁面中調用div class="test"內容div
一般來說,id是一個頁面只可以使用一次,class是可以多次引用的。
可我在頁面中用了多個相同id在IE中顯示也正常,id和class好象沒什么區(qū)別,用多個相同id有什么影響嗎?
頁面存在多個相同的ID影響就是不能通過W3的校驗,在頁面顯示上,目前的瀏覽器還都允許你犯這個錯誤,用多個相同ID“一般情況下”也能正常顯示,但是當你需要用JavaScript通過id來控制這個div,那就會出現錯誤。
id是一個標簽,用于區(qū)分不同的結構和內容,就象你的名字,如果一個屋子有2個人同名,就會出現混淆。
class是一個樣式,可以套在任何結構和內容上,就象一件衣服。
從概念上來說:id是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容。
對此,建議大家在寫XHML+CSS時如果是維一的結構定位的就用id,否則就用class吧(這樣讓出非結構定位的div塊的id讓程序員自己定義使用)!
13、取消class和id前的元素限定
當你寫給一個元素定義class或者id,你可以省略前面的元素限定,因為ID在一個頁面里是唯一的,class可以在頁面中多次使用,在看來,你限定某個元素是毫無意義的,例如:
div#id1{}可以寫成#id1{}
這樣可以節(jié)省一些字節(jié)。
14、使用子選擇器(descendant selectors)
使用子選擇器是影響他們效率的原因之一,子選擇器可以幫助你節(jié)約大量的class定義,我們來看下面這段代碼:
div
ul
li class="subnavitem" a href="" class="subnavitem"SEO/a/li
li class="subnavitemselected" a href="" class="subnavitemselected"SEO/a /li
li class="subnavitem" a href="" class="subnavitem"SEO/a /li
/ul
/div
這段代碼的CSS定義是:
div#subnav ul { }
div#subnav ul li.subnavitem { }
div#subnav ul li.subnavitem a.subnavitem { }
div#subnav ul li.subnavitemselected { }
div#subnav ul li.subnavitemselected a.subnavitemselected { }
你可以用下面的方法替代上面的代碼:
ul id=”subnav”
li a href=""SEO/a /li
li class="sel" a href=""SEO/a /li
li a href=""SEO/a /li
/ul
樣式定義是:
#subnav { }
#subnav li { }
#subnav a { }
#subnav .sel { }
#subnav .sel a { }
用子選擇器可以使你的代碼和CSS更加簡潔、更加容易閱讀。
如果一個容器里有多個同樣的元素,而且這些元素樣式都不一樣,請避免用這個方式,建以大家可以采用不同的class如:
ul class=”one”li/li/ul
ul class=”tow”li/li/ul
15、不需要給背景圖片路徑加引號
為了節(jié)省字節(jié),建議不要給背景圖片路徑加引號,因為引號不是必須的,例如:
background-image:url(images
margin:0 auto;
}
但是IE5/Win不能正確顯示這個定義,我們采用一個非常有用的技巧來解決:用text-align屬性,就像這樣:
body {
text-align:center;
}
#wrap {
width:760px;
margin:0 auto;
text-align:left;
}
第一個body的text-align:center;規(guī)則定義IE5/Win中body的所有元素居中(其他瀏覽器只是將文字居中) ,第二個text-align:left;是將#warp中的文字居左。
16、層占據的空間
當調試CSS發(fā)生錯誤,你就要像排版工人,逐行分析CSS代碼,我通常在出問題的層上定義一個背景顏色,這樣就能很明顯看到層占據多大空間?
有些人建議用border,一般情況也是可以的,但問題是,有時候border會增加元素的尺寸,border-top和boeder-bottom破壞縱向margin的值,所以使用background更加安全些(更多的介紹,
CSS 優(yōu)化主要是四個方面:
加載性能
這個方面相關的 best practice 太多了,網上隨便找一找就是一堆資料,比如不要用 import 啊,壓縮啊等等,主要是從減少文件體積、減少阻塞加載、提高并發(fā)方面入手的,任何 hint 都逃不出這幾個大方向。
選擇器性能
可以參考 GitHub 的這個分享 ,但 selector 的對整體性能的影響可以忽略不計了,selector 的考察更多是規(guī)范化和可維護性、健壯性方面,很少有人在實際工作當中會把選擇器性能作為重點關注對象的,但也像 GitHub 這個分享里面說的一樣——知道總比不知道好。
渲染性能
渲染性能是 CSS 優(yōu)化最重要的關注對象。頁面渲染 junky 過多?看看是不是大量使用了 text-shadow?是不是開了字體抗鋸齒?CSS 動畫怎么實現的?合理利用 GPU 加速了嗎?什么你用了 Flexible Box Model?有沒有測試換個 layout 策略對 render performance 的影響?這個方面搜索一下 CSS render performance 或者 CSS animation performance 也會有一堆一堆的資料可供參考。
可維護性、健壯性
命名合理嗎?結構層次設計是否足夠健壯?對樣式進行抽象復用了嗎?優(yōu)雅的 CSS 不僅僅會影響后期的維護成本,也會對加載性能等方面產生影響。這方面可以多找一些 OOCSS(不是說就要用 OOCSS,而是說多了解一下)等等不同 CSS Strategy 的信息,取長補短。
css優(yōu)化頁面是這樣的:
1、首先現在主流的網站都是采用div+css的網站結構來實現的,這樣的好處是網站的骨架由HTML來實現,其中的所有樣式都是使用css來實現的,這樣避免了改版的麻煩,這本身就是網頁的優(yōu)化,減少了前端的工作量。
2、簡單的css優(yōu)化需要注意一下幾點:
1)注意不要有冗余代碼,比如可以繼承父元素的樣式不要重復寫,直接繼承就可以了,節(jié)省了代碼量,是代碼更加清晰。
2)統(tǒng)一樣式,有時不同的頁面或者是頁面的不同部分需要相同的樣式,此時需要注意要統(tǒng)一樣式不要重復。
網站題目:css樣式文件優(yōu)化,如何優(yōu)化css性能
標題來源:http://jinyejixie.com/article38/dsdghsp.html
成都網站建設公司_創(chuàng)新互聯,為您提供網站設計公司、網站設計、全網營銷推廣、網站改版、品牌網站設計、網站導航
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯