1
這個問題似乎是再次養育它醜陋的頭。我已經包含了代碼和屏幕截圖。奇怪的字符在我的頁面上輸出
每次刷新頁面時，這些奇怪的字符似乎都會輸出到我的頁面上的文本區域（請參見屏幕截圖），每次刷新它時似乎都會增長。
我試過「縮小」代碼，似乎照顧了部分時間的問題。有人說這是一個UTF-8的問題，雖然我不是這方面的專家，但我使用中介，我很確定默認情況下一切都已正確設置。 ？除非我不在我身上做一些事情。
僅供參考我從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中看到它們。 – Becuzz 2014-09-24 19:42:14
在以下行中，新娘花費一小筆一次性費用（免費供應商）。如果你不快樂，我們會......「，我假設文字在」我們會「這個單詞的撇號中開始*壞* - 這個假設是否正確？如果是這樣，你可能會有一個簡單的撇號而不是一個簡單的撇號？ – ne1410s 2014-09-24 19:44:34
奇怪的字符在HTML源代碼中，並且源於字符編碼錯誤（通常，UTF-8被誤解爲windows-1252）。從問題中提供的數據來看，無法推斷混亂從何而來。 – 2014-09-24 19:46:39