我們?cè)趯W(xué)習(xí)怎么如何做網(wǎng)站時(shí)，網(wǎng)站做好之后，發(fā)現(xiàn)網(wǎng)站的頂部多出了一個(gè)空白行，網(wǎng)站的頂部無(wú)法達(dá)到瀏覽器的頂部。為什么我們?cè)诮ňW(wǎng)站時(shí)會(huì)出現(xiàn)這種奇怪的情況呢，如何解決這種頂部出現(xiàn)空白的問(wèn)題呢？

頂部空白產(chǎn)生的原因

網(wǎng)站做好之后，出現(xiàn)頂部無(wú)法頂?shù)綖g覽器頂部的問(wèn)題，一般有二種原因：

原因一：我們?cè)谥谱骶W(wǎng)站模板時(shí)，網(wǎng)站有用戶登錄的功能，用戶功能之后，網(wǎng)站程序會(huì)在頂部空白一個(gè)區(qū)域，用來(lái)顯示用戶的登錄信息，例如用戶名，用戶的等級(jí)等等。即使你做的網(wǎng)站沒(méi)有顯示出登錄信息，但這個(gè)區(qū)域名仍然會(huì)顯示出來(lái)。

原因二：我們?cè)谧鰓ordpress模板時(shí)，模板文件生成html文件之后會(huì)在body開頭處加入一個(gè)可見的控制符&#65279，導(dǎo)致頁(yè)面頭部會(huì)出現(xiàn)一個(gè)空白行。我們?cè)谛薷木W(wǎng)站模板后，保存時(shí)選擇了UTF-8 + BOM的方式，這樣就會(huì)出現(xiàn)頂部空白的問(wèn)題。

頂部空白解決的方法

了解了網(wǎng)站出現(xiàn)空白區(qū)域的原因，我們?cè)趯W(xué)習(xí)零基礎(chǔ)建站教程時(shí)，首先要弄清楚我們網(wǎng)站出現(xiàn)這種情況的原因到底是哪一個(gè)。區(qū)分的方法非常簡(jiǎn)單，可以使用網(wǎng)站管理員帳號(hào)登錄網(wǎng)站后臺(tái)，再觀察一下網(wǎng)站前臺(tái)的頂部情況。

如果登錄前，網(wǎng)站頂部沒(méi)有空白區(qū)域，而登錄后卻出現(xiàn)了空白區(qū)域，那么導(dǎo)致的原因就是第一種。解決方法也比較簡(jiǎn)單，就是在自己做的網(wǎng)站的后臺(tái)找到自己的網(wǎng)站模板的函數(shù)文件functions.php，然后在第一個(gè)<?php 標(biāo)簽下面加入以下的代碼即可消除頂部空白問(wèn)題。

如果登錄前與登錄后都有頂部空白的情況，則是由于網(wǎng)站的模板文件有問(wèn)題，我們?cè)谛薷木W(wǎng)站模板文件時(shí)，沒(méi)有注意保存時(shí)將它的格式保存錯(cuò)誤。解決方法如下：

使用Dreamweaver CS6破解版打開自己網(wǎng)站的模板文件，不需要修改任何內(nèi)容，只需重新另存為utf-8格式（需要取消‘包括unicode簽名/BOM’的相關(guān)選項(xiàng)），然后再替換web文件夾里的原文件，就可以解決頂部出現(xiàn)空行的問(wèn)題了。

相關(guān)教程：

dreamweaver視頻教程

wordpress入門教程

標(biāo)簽： 代碼 建網(wǎng)站 建站 建站教程 網(wǎng)站的模板 網(wǎng)站模板 域名 制作網(wǎng)站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。