2017-04-08 11 views
0

パーソナルプロジェクトのWebページで作業し、HTMLのスタイルインラインまたは外部CSSファイルの使用に関する効率性や現在の標準に関する質問があります。基本的に、私はこのパターンに従うテキストブロックの束を持ついくつかの異なるページを持っているつもりです:インラインHTMLと外部CSSの効率/ベストプラクティス

下線ライン

太字の部分を:通常のフォント重量の数字の束

太字部:通常のフォント重量番号の束

など

太字部分:各ページは、ページ上で100〜500回の間でテキストブロックの種類を繰り返すことになります

通常のフォント重量の数字の束。 HTMLを使って各ブロックをインライン化するか、CSSを使う方が良いかどうかは、それが何か変わったのかどうか疑問に思っていました。すなわち:他のより効率的なこれらのメソッドのいずれか一つが

<u>Underline</u> 
<b>Bold:</b> 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 
<b>Bold:</b> 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 
etc 

<style><!-- I'd use an external CSS file, but putting this in style tags to show what I'm thinking --> 
    div .underline { font-decoration: underline; 
         display: inline; } 
    div .bold { font-weight: bold; 
       display: inline; } 
</style> 
<body> 
    <div class="underline">Underline</u> 
    <div class="bold">Bold:</b> 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 
    <div class="bold">Bold:</b> 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 
    etc 
</body> 

ですか?私は私のプロジェクトの規模に基づいて重要ではないと確信していますが、bタグとuタグを何度も何度もやり直したりdivやクラスを使うのが良いのではないかと不思議です。いずれの方法も他の方法よりも世界でより一般的に認められていますか?ありがとう!

+0

長期的には、外部CSS文書を使用するほうがはるかに優れています。特にプロジェクトの規模がますます大きくなるにつれて、 – Xander

答えて

0

外部CSSクラスは、インラインCSSと比較してページの読み込み時間に大きな違いをもたらします。 HTMLページがユーザーによって繰り返し読み込まれると、外部CSSファイルがブラウザにキャッシュされるため、読み込みが高速になります。インラインスタイルの場合と同様に、毎回ロードする必要があります。

0

私はいつもあなたがそのページを他のアプリケーション、電子メールの爆発、モバイル配信、またはあなたのものに単一のユニットとしてエクスポートしている場合に限り、インラインが最善だと思います。

しかし、HTMLマークアップが書かれている外部CSSファイルを使う方がずっと便利です。 HTMLをきれいにして管理しやすくします。ブラウザのサイズ制限をCSSファイルに書き込むこともできます。そのため、さまざまなタイプのビューでモバイル配信が行われます。

+0

返事をありがとう。私は、外部のスタイルシートでHTMLをきれいに保つという点については一般的には同意しますが、この場合は大半の行の最初の部分を太字にするために宣言する必要があるよりも、多くの異なるdivとクラスがあります - それで、私は行くべき最善のルートが何だったのか分からなかったのです – Hollywood

0

インラインCSS: インラインスタイルが失われます。プレゼンテーションとコンテンツを混在させることでスタイルシートの利点の多くこの方法は控えめに使用してください!インラインスタイルを使用するには、関連するタグでstyle属性を使用します。 style属性には、任意のCSSプロパティを含めることができます。

内部CSS: 単一の文書に一意のスタイルがある場合は、内部スタイルシートを使用する必要があります。 外部CSS: 外部スタイルシートは、スタイルを多くのページに適用する場合に最適です。外部スタイルシートを使用すると、1つのファイルを変更してWebサイト全体の外観を変更できます。

ベストプラクティスを使用する外部CSSをお勧めします。

0

外部CSSクラスページの読み込み時間に有意な差

はまた、それが本当であるならば、あなたはあなたのサーバーで起こって何かを持って考える作る - 負荷の問題のためかあれば見てこのファイルは実際に必要とされるサンプルCSSだけで膨大です。

外部CSSは負荷にかなりの時間を追加してはいけません。

私はcssファイルとjsファイルを読み込む非同期メソッドを探しています。

関連する問題