3

Web サイトの保守性を向上させるために、すべてのテキストを HTML から分離し、すべてを独自の CSS スタイルシートに入れることは良い考えですか? つまり、次のようなものです。

HTMLファイル

<body>
    <h1 class="home-title"></h1>
    <p class="description"></p>

    <!-- and much more elements... -->
</body>

すべてのテキストを含む CSS ファイル

.home-title:after {
    content: "Welcome to my website!";
}

.description:after {
    content: "This is a demo ok?";
}

...
4

4 に答える 4

5

いいえ。

レイアウトにはスタイルシートを使用することになっています。コンテンツは HTML コードである必要があります。

また、jacktheripper が指摘したように、検索エンジンはページに多くの空の要素が含まれていると判断するため、SEO の観点からは大惨事になるでしょう。

于 2012-04-05T09:56:42.413 に答える
3

いいえ！SEO (検索エンジンの最適化) のためには、Web スパイダーができるだけ読みやすいようにサイトを作成する必要があります。

CSS は厳密にレイアウト用です
HTML は厳密にコンテンツ用です

あなたのサイトは教科書と同じくらい読みやすいものでなければなりません。教科書のページが別の教科書にあるはずのコンテンツを探しに行くと言っているとしたら、それはどれほど面倒なことでしょうか。それは実際にあなたがしていることです。

HTMLとCSSを分けてください！

次のように考えてください。

HTML でできない
場合に限り CSS を使用する CSS でできない場合に限り JavaScript を使用する

于 2012-04-05T09:56:35.127 に答える
1

いいえ、それは良い考えではありません。いくら強調してもしすぎることはありません。

content 属性は、装飾テキストを追加するためのものです。HTML は、ページのコア コンテンツ用です。

検索エンジンはコンテンツのインデックスを作成できず、アクセシビリティ ツールはコンテンツを解釈できません。そして、それを扱うのは恐ろしくバグが多いでしょう。

HTML、CSS、JavaScript、およびある種のサーバーサイド言語でできないことは、おそらくやる価値がありません。

于 2012-04-05T10:01:10.557 に答える
0

いいえ、これは良い考えではありません。

あなたはあなたのウェブサイトをテンプレート化しようとしていますか？基本的に、特定のhtmlをすべてのページに表示したいのですが、そのコードを更新するたびにコピーして貼り付けたくないですか？それが保守性の意味だと思います。その場合、PHPなどのサーバー側スクリプト言語を使用する必要があります。

このようにして、次のようなことができます。

**some_page.php**
<?php
    require("template.php");
    open_template();
    echo '<p>Hello world!</p>';
    close_template();
?>

**template.php**
<?php
    function open_template() {
        echo '<html><head><title>Title!</title></head><body>';
    }

    function close_template() {
        echo '</body></html>';
    }
?>

ここで、open_templateとclose_templateは、template.phpで定義されている関数であり、基本的に、コンテンツの前と後にあるものをすべて表示します。明らかに、これよりもはるかに複雑になる可能性がありますが、これは、CSSにコンテンツを配置するよりもはるかに優れた保守性ソリューションになります。

于 2012-04-05T09:58:33.277 に答える