求助：网页新增声明后，不知是否和冲突，导致导航条等处无法显示中文_html/css

首页

web前端

html教程

求助：网页新增声明后，不知是否和冲突，导致导航条等处无法显示中文_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:21 PM

css jQuery 字体 html

用css定义好字体后, 导航条和

;

等处能正常显示中文. 但在增加了jquery的声明后,
以上各处只能显示英文, 如换成中文，则什么也不显示（输出为空）. 网页中其它地方中文可正常显示. 但jquery功能又是必需（网页的其它地方需要用到）,实在不知道为什么会产生这样的冲突,求解决办法,多谢!

部分html相关代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><link href="./css/styles.css" rel="stylesheet" type="text/css" /><script src="./js/jquery-1.4.2.min.js" type="text/javascript"></script><script src="./js/cufon-yui.js" type="text/javascript"></script><script src="./js/express_400.font.js" type="text/javascript"></script><link href="./css/nivo-slider.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="./js/jquery-1.4.2.min.js" language="javascript"></script><script type="text/javascript" src="./js/jquery.tools.min.js" language="javascript"></script><script type="text/javascript" src="./js/jquery.nivo.slider.js"></script><!--[if IE 6]><script defer type="text/javascript" src="http://tf.dtbaker.com.au/template/cute_sweet/brown-baby/js/pngfix.js"></script><![endif]--><!-- start lightbox code --><link rel="stylesheet" href="./css/jquery.lightbox-0.5.css" type="text/css" /><script type="text/javascript" src="./js/jquery.lightbox-0.5.pack.js"></script><script type="text/javascript" src="./js/javascript.js"></script><script type="text/javascript" src="./js/jquery.rounded.js"></script><!-- end lightbox code --><meta charset="UTF-8"></head><body><div id="bg_top">  <div id="wrapper">    <div id="header">      <div id="logo"><a href="./index.html"><img src="/static/imghwm/default1.png"  data-src="./images/logo.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" border="0" alt="Logo" /></a></div>      <div id="header_photos">          <div class="two"></div>          <span class="three"><img src="/static/imghwm/default1.png"  data-src="./images/header-flower3.png"  class="lazy"   alt="3"    style="max-width:90%"  style="max-width:90%" /></span>        <div class="one"><img src="/static/imghwm/default1.png"  data-src="./images/header-flower1.png"  class="lazy"   alt="1"    style="max-width:90%"  style="max-width:90%" /></div>      </div>      <!--end header photos-->      <div id="menu">        <ul id="navigation">          <li><a href="./index.html" class="active">Home</a></li>          <li><a href="./categories.html">Categories</a></li>          <li><a href="./contact.html" style="border:none;">Contact</a></li>        </ul>        <!--end navigation-->      </div>      <!--end menu-->    </div>    <!--end header-->    <div id="content_bg">      <div id="sidebar">        <!-- start menu -->         <div id="menu_string"><img src="/static/imghwm/default1.png"  data-src="./images/tag-string.png"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt="string" /></div>        <div id="menu_wrapper">          <div id="menu_header">            <div id="menu_footer">              <h3 id="shop">shop</h3>              <ul>                <li><a href="">New Arrivals</a></li>                <li><a href="">On Sale</a></li>                <li><a href="./categoriea.html">For Newborn (Birth+)</a></li>                <li><a href="./categorieb.html">For Infant (6 Months+)</a></li>                <li><a href="./categoriec.html"For >Toddler (12Months +)</a></li>              </ul>              <br class="clear" />            </div>          </div>        </div>        <!-- end menu -->......       <div class="clear"></div>    </div>    <!--end content bg--> ......   </div>  <!--end wrapper--></div><!--end bg_top--><script type="text/javascript"> Cufon.now(); </script></body></html>

部分css相关代码如下:

@charset "utf-8";/* CSS Document */ /*Template Layout*/body {    background-color:#eeebda;    background-image:url(../images/page-bg.jpg);    background-position:top;    background-repeat:repeat;    margin:0px;    padding:0px;    color:#6f5b40;    font-family:Arial, Helvetica, sans-serif, "微软雅黑";    font-size:13px;    line-height:1.5em;     text-align:center; }a, a:link, a:visited {    color:#675237;    outline: none; }a:hover {    color:#af9d87;    text-decoration:none;}#bg_top {     background:url(../images/header.png) center top no-repeat;    min-height: 100%;     text-align:left;    width:100%;    margin-top:80px;}#wrapper {    width:972px;    margin:0px auto;}#header {    height:222px;    width:972px;    margin:0px auto;}/*menu*/#menu {     height:30px;    padding:16px 0 6px 0;    clear:both;}ul#navigation {    margin:0px 0 0 30px;     padding:0px;    float:left;    z-index:100;     width:760px;}ul#navigation li {    float:left;    list-style:none;    display:inline;    padding:0px;    margin:0px;}ul#navigation a {    float:left;     color:#675237;     padding:0px 13px 20px 13px;     text-decoration:none;     font:24px arial, serif, "微软雅黑";    text-transform:lowercase;    letter-spacing:1px; }ul#navigation li.hover a, ul#navigation li:hover a, ul#navigation a.active, ul#navigation a:hover {    color:#8d7e6b; }/* General Content*/h1 {    color:#af9d87;    font-size:30px;    margin:0px;    padding:0px;}h2 {    color:#675237;    font-size:20px;}h3 {    color:#675237;    font-size:18px;}/*side menu tag*/#sidebar {    margin-left:29px;    float:left;}#menu_string {    width:178px;    height:22px;    margin:-20px 0 0 0;    z-index:101; /*makes dropdown sit on top of flash & map*/}#menu_wrapper {    width:178px;    background:url(../images/tag-tile.jpg) repeat-y;    margin:0 0 18px 0;}#menu_header {    width:178px;    background:url(../images/tag-top.jpg) no-repeat top;}#menu_footer {    width:178px;    background:url(../images/tag-bottom.jpg) no-repeat bottom;    min-height:265px;    padding-bottom:40px;}#menu_wrapper h3 {    text-align:center;    margin:0;    padding:20px 0 0 0;    color:#ded6c5;    font-size:24px;}#menu_wrapper ul {    width:178px;    padding:5px 0 0 0;    margin:0;    list-style:none;    color:#846324;    font-size:13px;    font-family:Arial, Helvetica, sans-serif, "微软雅黑";    text-align:center;}#menu_wrapper ul li {    margin:0;    padding:0;    list-style:none;    float:left;    clear:left;}#menu_wrapper ul li a {    display:block;    float:left;    clear:left;    padding:4px;    text-decoration:none;    width:170px;/*178*/    text-align:center;    color:#846324;    line-height:normal;}#menu_wrapper ul li a:hover {    text-decoration:underline;}......

回复讨论(解决方案)

JQuery 声明是指

<script src="./js/jquery-1.4.2.min.js" type="text/javascript"></script>

?

乱码了我都是直接新建文件，然后copy现成的进去。

JQuery 声明是指

<script src="./js/jquery-1.4.2.min.js" type="text/javascript"></script>

?

乱码了我都是直接新建文件，然后copy现成的进去。

对不起不是乱码了，是只能显示英文，不能显示中文

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

如何验证您的HTML代码？Apr 24, 2025 am 12:04 AM

HTML代码可以通过在线验证器、集成工具和自动化流程来确保其清洁度。1)使用W3CMarkupValidationService在线验证HTML代码。2)在VisualStudioCode中安装并配置HTMLHint扩展进行实时验证。3)利用HTMLTidy在构建流程中自动验证和清理HTML文件。

HTML与CSS和JavaScript：比较Web技术Apr 23, 2025 am 12:05 AM

HTML、CSS和JavaScript是构建现代网页的核心技术：1.HTML定义网页结构，2.CSS负责网页外观，3.JavaScript提供网页动态和交互性，它们共同作用，打造出用户体验良好的网站。

HTML作为标记语言：其功能和目的Apr 22, 2025 am 12:02 AM

HTML的功能是定义网页的结构和内容，其目的在于提供一种标准化的方式来展示信息。1）HTML通过标签和属性组织网页的各个部分，如标题和段落。2）它支持内容与表现分离，提升维护效率。3）HTML具有可扩展性，允许自定义标签增强SEO。

HTML，CSS和JavaScript的未来：网络开发趋势Apr 19, 2025 am 12:02 AM

HTML的未来趋势是语义化和Web组件，CSS的未来趋势是CSS-in-JS和CSSHoudini，JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果，Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积，CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡，Serverless简化开发但需优化冷启动问题。

HTML：结构，CSS：样式，JavaScript：行为Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web开发中的作用分别是：1.HTML定义网页结构，2.CSS控制网页样式，3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来：网络设计的发展和趋势Apr 17, 2025 am 12:12 AM

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML与CSS vs. JavaScript：比较概述Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在网页开发中的角色分别是：HTML负责内容结构，CSS负责样式，JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容，确保语义化。2.CSS通过选择器和属性控制网页样式，使其美观易读。3.JavaScript通过脚本控制网页行为，实现动态和交互功能。

HTML：是编程语言还是其他？Apr 15, 2025 am 12:13 AM

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增强WebevebDevelopment。

See all articles