Fatal编程技术网
  • html/
  • 如何在浏览器中呈现编码的HTML

如何在浏览器中呈现编码的HTML

html

如何在浏览器中呈现编码的HTML,html,encode,Html,Encode,所以我的任务是在插入网页之前对所有html进行编码 <!doctype html> <?xml version="1.0" encoding="ISO-8859-1"?> <html lang="en"> <head> <meta charset="utf-8"> <?xml version="1.0" encoding="ISO-8859-1"?> <title>The HTML5 Herald<

所以我的任务是在插入网页之前对所有html进行编码

<!doctype html>
<?xml version="1.0" encoding="ISO-8859-1"?>
<html lang="en">
<head>
  <meta charset="utf-8">
<?xml version="1.0" encoding="ISO-8859-1"?>
  <title>The HTML5 Herald</title>
  <meta name="description" content="The HTML5 Herald">
  <meta name="author" content="SitePoint">

  <link rel="stylesheet" href="css/styles.css?v=1.0">

  <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
  <![endif]-->
</head>

<body>
 <h1>wdw</h1>
</body>
</html>
现在的问题是浏览器只是将html显示为文本，而不是呈现标记。我如何使浏览器能够呈现它，而不只是显示文本。您的文件是文本文件，而不是html文件，因此实体（例如，
）是按字面意思来表示的

因此，您应该告诉浏览器您有一个HTML页面，因此您应该添加常见的HTML样板文件：

<!doctype html>
<html>
<body>
 ... your encoded file
</body>
</html>


... 你的编码文件
第一种方法：

我试图通过jquery解决您的问题，但您必须添加一个未使用的


<!doctype html>
<?xml version="1.0" encoding="ISO-8859-1"?>
<html lang="en">
<head>
    <meta charset="utf-8">
    <?xml version="1.0" encoding="ISO-8859-1"?>
    <title>The HTML5 Herald</title>
    <meta name="description" content="The HTML5 Herald">
    <meta name="author" content="SitePoint">

    <link rel="stylesheet" href="css/styles.css?v=1.0">

    <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <![endif]-->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            var data = $('html').html();
            var data = $('pre#display-code').text(data);
        });
    </script>
</head>

<body>
<h1>wdw</h1>
</body>
</html>
<pre id="display-code"></pre>
第二种方法：

该方法是对第一种方法的添加和修改 它需要一些严格的代码，但它可以在最高级别上完成您的任务


HTML5先驱
$（文档）.ready（函数（）{
var data=$（'html'）.html（）；
data=“\n”+”\n“+”+数据+“\n”；
var数据=$（'pre#display code'）。文本（数据）；
});
wdw
我希望它能帮助您和其他人

如果浏览器编写代码而不呈现代码是因为您的代码告诉它这样做，请选中：1。任何
或
标记，2。检查您的http/httpd服务器版本。使用php可以使用
html\u entity\u decode（）
或使用javascript可以签出此线程

<!doctype html>
<?xml version="1.0" encoding="ISO-8859-1"?>
<html lang="en">
<head>
    <meta charset="utf-8">
    <?xml version="1.0" encoding="ISO-8859-1"?>
    <title>The HTML5 Herald</title>
    <meta name="description" content="The HTML5 Herald">
    <meta name="author" content="SitePoint">

    <link rel="stylesheet" href="css/styles.css?v=1.0">

    <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <![endif]-->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            var data = $('html').html();
            var data = $('pre#display-code').text(data);
        });
    </script>
</head>

<body>
<h1>wdw</h1>
</body>
</html>
<pre id="display-code"></pre>



<!doctype html>
<?xml version="1.0" encoding="ISO-8859-1"?>
<html lang="en">
<head>
    <meta charset="utf-8">
    <?xml version="1.0" encoding="ISO-8859-1"?>
    <title>The HTML5 Herald</title>
    <meta name="description" content="The HTML5 Herald">
    <meta name="author" content="SitePoint">

    <link rel="stylesheet" href="css/styles.css?v=1.0">

    <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <![endif]-->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            var data = $('html').html();
            data = "<!doctype html>\n"+"<?xml version=\"1.0\" encoding=\"ISO-8859-1\"?>\n"+"<html lang=\"en\">"+data+"\n</html>";
            var data = $('pre#display-code').text(data);
        });
    </script>
</head>

<body>
<h1>wdw</h1>

<pre id="display-code"></pre>
</body>
</html>