HTML中詭異的空文字

2022-08-05 16:15:17 字數 537 閱讀 2991

今天在寫**的時候發現了一個詭異的問題,我的html頁面**當中明明沒有多餘的行,標籤書寫規範,沒有加任何樣式(如margin、padding),也清除了所有元素的預設樣式(*),但是當頁面預覽的時候卻總是莫名其妙出現一個或幾個空行,使用審查元素察看發現均是空白文字,如下圖:

這幽靈般的空白行讓我百思不得其解,把能去掉的空白字元都去掉了仍舊無法解決,可以肯定這不是**的問題。於是仔細回顧了一番我所做過的操作,原來我在notepad++中新建的文件預設的編碼格式為asni編碼,大家知道在這種編碼模式下輸入的中文在網頁中是無法正常顯示的,於是我把編碼格式切換到了utf-8,這時問題就出現了,notepad++中utf-8編碼有兩種形式,utf-8和utf-8無bom格式編碼。

utf-8 bom也叫utf-8 簽名,它對uft-8沒有作用,只是告訴編輯器當前檔案採用何種編碼,方便編輯器識別,但bom雖然在編輯器中不顯示,卻會在瀏覽器中產生輸出,導致多處許多空白字元。

這就是詭異空白行出現的原因所在了,我將所有出現這種情況的頁面的編碼格式從utf-8改到utf-8無bom格式編碼,空白行就消失啦。問題解決!!

html中的Session

sessionstorage setitem testkey 這是一個測試的value值 存入一個值 sessionstorage geti...

html中的空格

最好用 兩個它 一個漢字的寬度 html提供了5種空格實體 space entity ,它們擁有不同的寬度,非斷行空格 是常規空格的寬度,可執行於所有主流瀏覽器。其他幾種空格 在不同瀏覽器中寬度各異。 它叫不換行空格,全稱no break space,它是最常見和我們使用最多的空格,大多數的人可能只...

HTML 中的rel 用法

我們就來認識一下rel。其實不只有一個 rel還有一個與之對應的屬性叫 rev,這兩個屬性的意思分別是 從源文件到目標文件的關係 從目標文件...