这个HTML脚本有什么问题?

时间:2016-04-14 19:31:41

标签: html css dreamweaver

我正在创建一个网站,当我运行网站时,我就得到了一个洞脚本。这是我的剧本:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>default</title>
</head>

<body> 
<p>&lt;!DOCTYPE html&gt;<br>
&lt;html lang="en-us"&gt;<br>
&lt;head&gt;<br>
&lt;style&gt;<br>
.city {<br>
float: left;<br>
margin: 5px;<br>
padding: 15px;<br>
width: 300px;<br>
height: 300px;<br>
border: 1px solid black;<br>
} <br>
 &lt;/style&gt;<br>
 &lt;/head&gt;<br>
 &lt;body&gt;</p

<p>&lt;h1&gt;Standen voetbalcompetities :&lt;/h1&gt;</p>
<p>&lt;div class="country"&gt;<br>
&lt;h2&gt;Eredivisie&lt;/h2&gt;<br>
&lt;p&gt;London is the capital city of England.&lt;/p&gt;<br>
&lt;p&gt;It is the most populous city in the United Kingdom,<br>
with a metropolitan area of over 13 million inhabitants.&lt;/p&gt;<br>
&lt;/div&gt;</p>
<p>&lt;div class="city"&gt;<br>
&lt;h2&gt;Premier League (Engeland)&lt;/h2&gt;<br>
&lt;p&gt;Paris is the capital of France.&lt;/p&gt; <br>
&lt;p&gt;The Paris area is one of the largest population centers in Europe,       <br>
with more than 12 million inhabitants.&lt;/p&gt;<br>
&lt;/div&gt;</p>
<p>&lt;div class="city"&gt;<br>
&lt;h2&gt;Tokyo&lt;/h2&gt;<br>
&lt;p&gt;Tokyo is the capital of Japan.&lt;/p&gt;<br>
&lt;p&gt;It is the center of the Greater Tokyo Area,<br>
and the most populous metropolitan area in the world.&lt;/p&gt;<br>
&lt;/div&gt;</p>
<p>&lt;/body&gt;<br>
&lt;/html&gt;</p>

   

注意:我将脚本邮寄给自己并将其粘贴到Dreamweaver中,也许这就是原因,但我不知道。

2 个答案:

答案 0 :(得分:0)

发生的事情是您的代码已从符号转换为实体,因此>已变为&gt;<已变为&lt;,这意味着当浏览器运行此代码时,它不会识别符号,因此不理解指令。

解决方案,您需要获取原始代码并通过将数据从>转换为&gt;的任何方法停止使用HTMLsafe。

请阅读about HTML special characters(忽略PHP)这应该让您对HTML中的特殊字符有一个全面的了解,这些字符包含对浏览器的指令而不是对查看者的数据。

答案 1 :(得分:0)

看起来像&lt;的字符已被编码。您可以看到编码的HTML与未编码的HTML混合在一起。这就是有人在浏览器中实际显示HTML标签的方式。因此,在呈现页面时,&lt;会转换为<

从它的外观来看,这搞砸了。因为在解码HTML实体后,您会发现您已经在网页中嵌套了一个网页。

请查看此内容以获取更多信息:https://dev.w3.org/html5/html-author/charref