【发布时间】：2014-09-24 19:29:40
【问题描述】：
这个问题似乎又抬头了。我已经包含代码和屏幕截图。
每次我刷新页面时，这些奇怪的字符似乎都会输出到我页面上的文本区域（见截图），每次我刷新它似乎都会增长。
我尝试过“缩小”代码，这似乎在部分时间内解决了问题。有人说这是一个 UTF-8 问题，虽然我不是这方面的专家，但我使用的是 mediatemple，我很确定默认情况下一切都已正确设置。 ?除非我没有做某事。
仅供参考，我从 Webflow 复制并粘贴了导出的代码，其他大多数页面似乎都很好。
奇怪的字符也出现在源代码中，但它们从来不是原始代码的一部分。每次我刷新页面时它都会出现。
请帮忙
布赖恩
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com-->
<!-- Last Published: Tue Sep 23 2014 18:57:25 GMT+0000 (UTC) -->
<html data-wf-site="5359ea800548c9ed4700023a" data-wf-page="53862c5a1147a3793958c8f6">
<head>
<meta charset="utf-8">
<title>Bloomh MVP - Home2</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="Webflow">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/webflow.css">
<link rel="stylesheet" type="text/css" href="css/bloomhmvp.webflow.css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ["Bitter:400,700,400italic","Droid Serif:400,700","Carme:regular","Roboto Slab:300,regular,700","Nixie One:regular","Pontano Sans:regular","Quicksand:300,regular,700","Muli:300,300italic,regular,italic","Raleway:300,regular,500,600,700,800,900","Arimo:regular,italic,700,700italic","Oxygen:300,regular,700","Cabin:regular,italic,500,500italic,600,600italic,700,700italic","Roboto:300,300italic,regular,italic,500,500italic,700,700italic,900,900italic"]
}
});
</script>
<script type="text/javascript" src="js/modernizr.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="images/fontawesome-webfont.svg">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<div class="w-nav navbar" data-collapse="medium" data-animation="default" data-duration="400">
<div class="w-clearfix navbar-section">
<div class="w-clearfix logo-container">
<a class="w-nav-brand logo" href="index.html"></a><a class="brand" href="index.html">Bloomh</a>
</div>
<nav class="w-nav-menu navmenu-open" role="navigation"><a class="w-nav-link nav-links" href="category.html">Submit Need</a><a class="w-nav-link nav-links" href="faq.html">FAQ</a><a class="w-nav-link nav-links" href="contact.html">Contact</a>
</nav>
<div class="w-nav-button menu-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="hero-background home2">
<div class="w-container hero-container">
<h1 class="hero-tagline home2 mobile">Brides set the price<br>Vendors come to them</h1>
<div class="w-row hero-row">
<div class="w-col w-col-6">
<h2 class="w-hidden-small w-hidden-tiny secondary-tagline home2">A new way to hire <br>photographers & videographers</h2>
<div class="w-hidden-main w-hidden-medium secondary-tagline mobile">A new way to hire photographers & videographers</div>
<div class="more-categories-coming home2">more categories coming soon...</div>
</div>
<div class="w-col w-col-6"><a class="button join-button main-top" href="get-started.html">Get Started!</a>
</div>
</div>
</div>
<div class="more-categories">Birthdays / Portraits / Parties / Bat Mitzvahs / Engagements</div>
</div>
<div class="w-container vendor-benefit-container">
<div class="vendor-benefits main">Are you a photographer/videographer?
<br><span style="font-size: 14px;"></span>
</div><a class="benefits-link" href="vendor-welcome.html">See Benefits</a>
<div class="w-hidden-main w-hidden-medium w-hidden-small how-to-box phone">
<div class="vendor-how-to phone">Sign Up</div>
<div class="fa fa-chevron-down"></div>
<div class="vendor-how-to phone">Get Clients via Email</div>
<div class="fa fa-chevron-down"></div>
<div class="vendor-how-to phone">Free and Easy!</div>
</div>
<div class="w-hidden-tiny how-to-box main">
<div class="vendor-how-to">Sign Up</div>
<div class="fa fa-chevron-right"></div>
<div class="vendor-how-to">Get clients in your inbox</div>
<div class="fa fa-chevron-right"></div>
<div class="vendor-how-to">Free and Easy!</div>
</div><a class="sign-up-now" href="vendor-welcome.html">Sign up Now!</a>
</div>
<div class="w-container middle-container side-border">
<div class="hr small how-work"></div>
<div class="how-it-works home">How it Works</div>
<div class="hr small how-work-bottom"></div>
<div class="w-row middle-row">
<div class="w-col w-col-6">
<h3 class="benefit-title">Brides Set the Price </h3>
<div class="benefit-description">You control your budget. Tell us what you can afford to pay and describe your need.</div>
</div>
<div class="w-col w-col-6">
<img class="w-hidden-small w-hidden-tiny imagesizetest" src="images/moneyfinish2.jpg" alt="53b469e62a45851e74e825a8_moneyfinish2.jpg">
</div>
</div>
<div class="w-hidden-main w-hidden-medium fa fa-chevron-down"></div>
<img class="w-hidden-small w-hidden-tiny arrow1" src="images/arrow3 copy.gif" width="110" alt="535ebf2013322e38680001d3_arrow3%20copy.gif">
<div class="w-row middle-row">
<div class="w-col w-col-6 w-clearfix">
<img class="w-hidden-small w-hidden-tiny right-justify imagesize" src="images/networkfinish.jpg" alt="53b46a4a75641b72645198f0_networkfinish.jpg">
</div>
<div class="w-col w-col-6">
<h3 class="benefit-title">Bloomh's Network</h3>
<div class="benefit-description">We reach into our vast network of qualified vendors with your request. All vendors are experienced & highly talented in their craft. </div>
</div>
</div>
<div class="w-hidden-main w-hidden-medium fa fa-chevron-down"></div>
<img class="w-hidden-small w-hidden-tiny arrow2" src="images/arrow1 copy.gif" width="120" alt="535ebea213322e38680001cb_arrow1%20copy.gif">
<div class="w-row middle-row">
<div class="w-col w-col-6">
<h3 class="benefit-title">Pre-Approved Vendors</h3>
<div class="benefit-description">Only wedding vendors who agree on your price and eager to work within your budget will contact you!</div>
</div>
<div class="w-col w-col-6">
<img class="w-hidden-small w-hidden-tiny thumbs-image" src="images/thumbsup1finish.jpg" alt="53b46aaa2a45851e74e825bb_thumbsup1finish.jpg">
</div>
</div>
<div class="w-hidden-main w-hidden-medium fa fa-chevron-down"></div>
<img class="w-hidden-small w-hidden-tiny arrow3" src="images/arrow2 copy.gif" width="110" alt="535ebe1fd5d3ba3b68000210_arrow2%20copy.gif">
<div class="w-row middle-row">
<div class="w-col w-col-6 w-clearfix">
<img class="w-hidden-small w-hidden-tiny right-justify guarantee-image" src="images/sealfinish.jpg" alt="53b1db8cddca344949a6d8ee_sealfinish.jpg">
</div>
<div class="w-col w-col-6">
<h3 class="benefit-title">Bloomh Guarantee</h3>
<div class="benefit-description">Brides pay a small one-time fee (free for vendors). If you're not happy we’ll find new vendors free of charge or return your money back. No questions asked! <span style="font-size: 15px;"><em><u>More Info</u></em></span>
</div>
</div>
</div>
</div><div class="w-container middle-container side-border dark"><div class="testimonial">Testmonials</div><div class="hr"></div><div class="testimonial-text">“I can't believe how easy it was. Bloomh found me my perfect wedding photographer and at the price that I chose. Crazy!â€</div><div class="testimonial-user main">- Patty Lawson, Corona CA <br>(Bride)</div><div class="testimonial-text">“I use Bloomh to get most of my new wedding clients. It plays a big part in growing my business.â€</div><div class="testimonial-user main">- Lance Capshaw, Huntington Beach CA <br>(Vendor)</div><div class="testimonial-text">“Every bride who is planning their wedding needs to give Bloomh a try!â€</div><div class="testimonial-user main">- Sarah Baxter, Los Angeles CA <br>(Bride)</div><a class="button join-button center" href="get-started.html">Get Started!</a><a class="vendor-sign-up" href="vendor-welcome.html">Vendor Sign Up!</a></div>
<div class="footer-background main"><a class="footer-link" href="terms-use.html">Terms of Use</a><a class="footer-link" href="faq.html">FAQ</a><a class="footer-link" href="contact.html">Contact</a>
<div class="social-container phone">
<div class="w-embed w-iframe facebook-icon">
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Ffacebook.com%2Fbloomhpage&width=100&layout=button&action=like&show_faces=false&share=true&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:35px;"
allowtransparency="true"></iframe>
</div>
<div class="w-widget w-widget-twitter social-icon tweet">
<iframe src="https://platform.twitter.com/widgets/tweet_button.html#url=http%3A%2F%2FBloomh.com&counturl=Bloomh.com&text=At%20%40Bloomh%2C%20Brides%20set%20the%20price%20%26%20Vendors%20come%20to%20them.%20I%20love%20it!&count=none&size=m&dnt=true"
scrolling="no" frameborder="0" allowtransparency="true" style="border: none; overflow: hidden; width: 55px; height: 20px;"></iframe>
</div>
<div class="w-widget w-widget-twitter social-icon tweet follow">
<iframe src="https://platform.twitter.com/widgets/follow_button.html#screen_name=bloomh&show_count=false&size=m&show_screen_name=true&dnt=true" scrolling="no" frameborder="0" allowtransparency="true" style="border: none; overflow: hidden; width: 100%; height: 20px;"></iframe>
</div>
</div>
<div class="inc">Bloomh Inc. 2014.</div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/webflow.js"></script>
<!--[if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
</body>
</html>
【问题讨论】：
-
您可能会在输出中得到奇怪的字符，因为它们在您的代码中。我可以在您发布的 html 中看到它们。
-
在以下行中，
<div class="benefit-description">Brides pay a small one-time fee (free for vendors). If you're not happy weÃÆ...，我假设文本在“我们将”一词中的 撇号处开始 bad - 这个假设正确吗？如果是这样，您可能有一个反引号而不是一个简单的撇号？ -
HTML 源代码中的奇怪字符是由字符编码错误导致的（通常，UTF-8 被误解为 windows-1252）。从问题中给出的数据，无法推断出乱七八糟的来源。
-
不...奇怪的字符从未出现在原始代码中。每次我刷新页面时它都会开始发展。