無(wú)論你是從事網(wǎng)頁(yè)制作的前端還是對(duì)前端一點(diǎn)都不懂的小白，每當(dāng)你瀏覽前端的文件目錄的時(shí)候都會(huì)發(fā)現(xiàn)除了有HTML頁(yè)面還有JS文件與CSS文件，那這是為什么呢？

其實(shí)HTML文件里是可以書(shū)寫(xiě)CSS和JS的，書(shū)寫(xiě)CSS的時(shí)候可以按照css的語(yǔ)法寫(xiě)在“style”標(biāo)簽中或者直接寫(xiě)在標(biāo)簽中的“style”屬性中。JS也可以放在HTML文件中的特定標(biāo)簽中。但是為什么很少有人把CSS和JS寫(xiě)在HTML文件中呢？

原因其實(shí)是這樣的，每一個(gè)網(wǎng)頁(yè)制作都需要寫(xiě)大量的標(biāo)簽和CSS樣式以及一部分的JS，如果全部都卸載HTML文件中，可想而知，HTML文件內(nèi)部是多么的混亂。而且也不方便程序員的書(shū)寫(xiě)。書(shū)寫(xiě)樣式得返回到HTML頁(yè)面的頭部，而寫(xiě)標(biāo)簽又得返回到相應(yīng)的位置，寫(xiě)JS又需要找到自己指定的位置，來(lái)回翻閱很浪費(fèi)開(kāi)發(fā)時(shí)間，所以就需要將這些東西分開(kāi)來(lái)書(shū)寫(xiě)，然后引入U(xiǎn)RL，而在書(shū)寫(xiě)的時(shí)候也不用來(lái)回的翻閱，只需要切換到相應(yīng)的文件中繼續(xù)向下編寫(xiě)即可。這樣既節(jié)省了開(kāi)發(fā)時(shí)間，也減少了發(fā)生錯(cuò)誤的幾率。

而且目前市場(chǎng)上前端的開(kāi)發(fā)軟件中大多都有分屏顯示文件的功能，完全可以在開(kāi)發(fā)的過(guò)程中做一個(gè)分屏，左邊書(shū)寫(xiě)HTML，右邊書(shū)寫(xiě)CSS豈不美滋滋？而且結(jié)構(gòu)清晰的目錄以及文件給后面的閱讀者也帶來(lái)了便利，以后若是這個(gè)項(xiàng)目要更改哪些地方，即使是一個(gè)開(kāi)發(fā)新手也都能找得到相應(yīng)的文件。

總之“編程千萬(wàn)條，代碼規(guī)范第一條。編程不規(guī)范，同事兩行淚”。