html如何讓標簽不轉義
html若何讓標簽不轉義?有時需在網頁上原文顯示html標簽，而不是作為html代碼被瀏覽器詮釋。這個應該怎么做？下面，小編來給大師介紹一下html若何讓標簽不轉義。
方式/步調
- 1
起首，我們籌辦一個演示所用的網頁文件，網頁代碼如下所示：
<html>
<head>
<title>HTML 頁面</title>
</head>
<body>
<br/><br/>
<center>
<p>這是轉義后<h1>h1標簽</h1>和<b>B標簽</b></p>
<p>這里要實現不轉義的結果：<h1>h1標簽</h1>和<b>B標簽</b>。</p>
<center>
</body>
</html>
- 2
在瀏覽器窗口中打開結果如下圖所示，可以看到，兩行代碼的標簽都被瀏覽器詮釋當作正常的html標簽了。此刻我們要實現將第二行的h1和b尺度原樣顯示出來。
- 3
方式一：操縱<xmp></xmp>來實現標簽原樣顯示
將網頁中的第二個<p>標簽中的內容用<xmp></xmp>包裹起來，如下圖所示：
- 4
保留后，在瀏覽器打開，從運行結果可以看出，第二個段落中的標簽沒有被轉義，原文顯示出來了，達到了我們需要的結果。
- 5
方式二：將要原文顯示的標簽的左尖括號用“<”替代（不包羅引號）
操縱替代功能，將第二個段落中要原文顯示的標簽的左尖括號“<",如下圖所示全數替代當作“<”（不含引號）。
- 6
保留后，從瀏覽器中的瀏覽結果可以看出，也達到了我們的要求，原樣顯示出了hmtl標簽，未被轉義。
- 7
方式三：借助js劇本實現
要借助js劇本實現，我們起首要將第二個<p>標簽中的內容給清空失落，同時為了便利操作，還需給第二個<p>標簽增添id屬性。
- 8
在網頁文件中添加如下js代碼：
<script language="javascript">
document.getElementById("myid").innerText="這是第三種方式實現不轉義的結果：<h1>h1標簽</h1>和<b>B標簽</b>。";
</script>
- 9
保留后在瀏覽器中打開，結果如下，同樣實現了標簽原文輸出不轉義的結果。
三種方式，大師可以按照現實應用需求進行選擇。
- 發表于 2018-08-12 00:00
- 閱讀 ( 1554 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章