要實作Html中特殊字元不被轉義（來源碼輸出），有以下三種方法：方法一：
（推薦教學：html教學）
將HTML程式碼嵌入dda0382816147154cb03abb1389d6da32334fc968468dbb7526ded40414a4bae中
<script type='text/html' style='display:block'> <input type="text" /> </scipt>
範例：
body> <pre class="brush:php;toolbar:false"> <script type="text/html" style="display: block;"> <div>哈哈哈</div> <h4>dfdfd</h4> </script>
方法二：
有時候想讓一些html的標籤不被瀏覽器解釋翻譯，直接原樣的顯示出來，這時可以在想要顯示的程式碼的外面加上43e1fc467495bab219a3286f74139f6ac4d9033ad21c358430e75a24655d3d0f，這樣43e1fc467495bab219a3286f74139f6a標籤裡面的內容將原封不動的顯示出來。
<xmp> <table> <tr> <th width="140">a</td> <th width="140">b</td> <th width="140">c</td> </tr> </table> </xmp>
方法三：
動態建立html時，有時需要某些內容原始碼顯示，不進行html解析：
1、input和textarea透過js設定value值，不會對特殊字元(")進行html解析
2、input和textarea直接寫在value，會對特殊字元(")進行html解析
3、input和textarea透過jquery設定value值，不會對特殊字元(")進行html解析
#4、透過js或jquery創建input和textarea，直接透過字串拼接value，會對特殊字元(" )進行html解析
5、透過js或jquery創建input和textarea，透過js或jquery設定value，不會對特殊字元(")進行html解析6.透過js或jquery創建textarea，透過js(innerHTML)或jquery（html()）設定value，會對特殊字元(")進行html解析7.js或jquery新增script需要特殊處理，且type='text/html'代表原始碼輸出，不如進行html解析渲染
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
//1.input和textarea通过js设置value值，不会对特殊字符(")进行html解析
document.getElementById("t1").value=""";
document.getElementById("t2").value=""";
alert("t1:" + document.getElementById("t1").value);//"
alert("t2:" + document.getElementById("t2").value);//"
//2.input和textarea直接写在value，会对特殊字符(")进行html解析
alert("t3:" + document.getElementById("t3").value);//"
alert("t4:" + document.getElementById("t4").value);//"
//3.input和textarea通过jquery设置value值，不会对特殊字符(")进行html解析
$("#t5").val(""");
$("#t6").val(""");
alert("t5:" + $("#t5").val());//"
alert("t6:" + $("#t6").val());//"
var str = """;
//4.通过js或者jquery创建input和textarea，直接通过字符串拼接value，会对特殊字符(")进行html解析
var t9 = 't10<textarea id="t9">' + str + '</textarea><br><br>';
$("#div1").append(t9);
alert("t10:" + $("#t10").val());//"
//5.通过js或者jquery创建input和textarea，通过js或者jquery设置value，不会对特殊字符(")进行html解析
var t10 = 't10<textarea id="t10"></textarea><br><br>';
$("#div1").append(t10);
$("#t10").val(str);
alert("t10:" + $("#t10").val());//"
//6.通过js或者jquery创建textarea，通过js(innerHTML)或者jquery（html()）设置value，会对特殊字符(")进行html解析
var t11 = 't11<textarea id="t11"></textarea><br><br>';
$("#div1").append(t11);
$("#t11").html(str);
alert("t11的text:" + $("#t11").text());//"
alert("t11的val:" + "t11.val()=" + $("#t11").val());//"
//7.js或者jquery添加script需要特殊处理，并且type='text/html'代表源码输出，不及进行html解析渲染
$("#div1").append("<script type='text/html' style='display:block'" +">" + ""</" + "script>");
});
</script>
</head>
<body>
t1<input type="text" id="t1" value=""/><br><br>
t2<textarea id="t2"></textarea><br><br>
t3<input type="text" id="t3" value="""/><br><br>
t4<textarea id="t4">"</textarea><br><br>
t5<input type="text" id="t5" value=""/><br><br>
t6<textarea id="t6"></textarea><br><br>
<div id="div1"></div>
</body>
</html>以上是html中的特殊字元如何原始碼輸出的詳細內容。更多資訊請關注PHP中文網其他相關文章！