2014-09-26 97 views
1

我有一個文本:Our process<in a nutshell><簡而言之>作爲文本而不是HTML標籤

有一個輸出爲:

Our process<in nutshell="" a=""></in> 

我甚至不知道in是一個標籤,並不能找到谷歌它做了什麼。

如何將其作爲文本發佈?什麼是<in>

謝謝!

+0

''不是有效的HTML標記。你是否使用了可能有客戶標籤的Bootstrap之類的東西?至於顯示爲文本,請將'<'替換爲'<','>'替換爲'>'。 – 2014-09-26 19:30:46

+0

沒有。純html。你可以在這裏試試 – 2014-09-26 19:31:23

回答

1

有一個在HTML中沒有定義<in>標籤,但瀏覽器和其他解析器還是把<in a nutshell>作爲標記。它在文檔樹中創建一個元素節點,表示一個未知元素,因此它只有一組常規屬性。它沒有特殊的渲染,沒有功能與它相關聯。但是你可以設計它的樣式和/或使用客戶端JavaScript來添加功能。

在這種情況下,你不是故意做這樣的事情,但標籤仍然解析,in被視爲元素名稱(標籤名)和nutshella作爲屬性名稱,以及屬性值默認到空字符串。由於標籤被視爲啓動元素的代碼,因此標籤本身不會呈現。在某些情況下,瀏覽器可能暗示結束標記</in>。這解釋了問題中提出的「輸出」;它實際上只是在瀏覽器的開發工具中查看的代碼片段。示例中的實際渲染只是字符串「我們的過程」。

爲了防止這種處理,「<」字符需要以某種方式轉義; &lt;是最好的和最常用的方法,那麼你會寫

Our process&lt;in a nutshell> 

沒有必要逃避「>」,但你可以這樣做,爲對稱性,利用&gt;

+0

不知道您可以創建自己的元素節點並對其應用屬性。這有什麼用處? – 2014-09-26 19:52:44

+0

@Claudiu,它通常會很有用,因爲它有助於縮短代碼並提高可讀性。但是,爲什麼它通常不是一個好主意呢?見例如http://stackoverflow.com/questions/5970093/using-custom-html-tags – 2014-09-26 20:09:55

2

在HTML: Our process &lt;in a nutshell&gt;

1

嘗試更換

<與<

並更換

> with &gt;  

這是否給你預期的結果?

1

瀏覽器正在將'<>'中的任何內容解釋爲標記。

您需要使用的字符代碼的文本,以顯示這些符號:

Our process &lt;in a nutshell&gt;

+0

好。我現在明白了,所以'將導致''。謝謝! – 2014-09-26 19:32:48

相關問題