0

PHP ファイルを ANSI から UTF-8 に変換していますが、コードに奇妙なことが起こり、その理由がわかりません。これは私のindex.phpコードです

<?php get_header(); ?>
<div id="container">

</div>
<?php get_footer(); ?>

そして私のheader.phpはこれです：

<!DOCTYPE html>
<html>
<head>
    <title>Somethingá</title>
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>">
</head>
<body>
<div id="header">
    <div id="header-wrap">
        <div id="logo"><a href="index.php"><img src="<?php bloginfo('template_directory'); ?>/img/logo.png" alt="ODS"></a></div>
        <div id="header-text">Karviná</div>
        <hr>
        <div id="menu">
        <ul>
            <li><a href="#" class="righter">something</a></li>
            <li><a href="#" class="righter">something</a></li>
            <li><a href="#" class="righter">something</a></li>
            <li><a href="#" class="righter">something</a></li>
            <li><a href="#" class="righter">something</a></li>
            <li><a href="#" class="righter2">something</a></li>
            <li><a href="#">something</a></li>
        </ul>
        </div>
    </div>
</div>

最後の footer.php には次の内容が含まれています。

<div id="footer">

</div>
</body>

しかし、私には理解できない問題があります。これはワードプレスのテーマで、すべてのファイルは UTF-8 コーディングです。これを選択してサイトを開くたびに、空白のスペースがあります。たとえば、ヘッダーはページの上部ではなく、上部から約 20px にあります。Google Chrome の開発者コンソールで確認できるコードを確認したところ、次のものが含まれています。

<html>
<head>
<style type="text/css"></style>
</head>
<body>



<title>Somethingá</title>
<link rel="stylesheet" type="text/css" media="all" href="http://XX.XXX.XXX.XX/wp-content/themes/xxx/style.css">
<div id="header">
    <div id="header-wrap">
        <div id="logo"><a href="index.php"><img src="http://93.185.106.91/wp-content/themes/ods/img/logo.png" alt="ODS"></a></div>
        <div id="header-text">Karviná</div>
        <hr>
        <div id="menu">
        <ul>
            <li><a href="#" class="righter">something</a></li>
            <li><a href="#" class="righter">something</a></li>
            <li><a href="#" class="righter">something</a></li>
            <li><a href="#" class="righter">something</a></li>
            <li><a href="#" class="righter">something</a></li>
            <li><a href="#" class="righter2">something</a></li>
            <li><a href="#">something</a></li>
        </ul>
        </div>
    </div>
</div>



<div id="footer">

</div>
</body>
</html>

それは完全に奇妙です。<head> </head>のコンテンツが に移動した理由がわかりません<body> </body>。また、<body>と<title>、 、</div>の 間に巨大な空白スペースが生成されました<div id="footer">。

ありがとうございました。

4

2 に答える 2

0

コードはきれいでしたが、Wordpress テーマを作成していて UTF 8 が必要な場合は、BOM なしで UTF-8 を使用する必要があります。BOM ではありません。

于 2013-05-17T23:00:52.633 に答える