ウェブサイトをHTMLでレイアウトした後、CSSでスタイルを作成しますか？

Question

最初にHTMLを使用してウェブサイト/ウェブページをレイアウトし、その後CSSでスタイルを設定する方が良いかどうか、またはあなたがそれに取り組んでいるときにスタイルを立てるのが一番いいのかどうか不思議でしたか？

Answer 1

Web開発のための現在の "ベストプラクティス" 方法論は "プログレッシブ・エンハンスメント"（http://alistapart.com/article/understandingprogressiveenhancement）と "懸念の分離"（https://en.wikipedia.org/wiki/Separation_of_concerns#HTML.2C_CSS.2C_JavaScript）です。 HTML はがページのレイアウトを提供しますが、そのために使用された要素は意味的に正しくなく、ページのレンダリングに実際に時間がかかることがあるので避けるべきです。

• HTMLは、Webページの内容とセマンティクス（美学ではありません）です。
• CSSはプレゼンテーションとレイアウト用です。
• JavaScriptは動作のためのものです。

それぞれの言語を意図した目的で使用することで、Separation of Concernsの原則に従います。このコンセプトにより、ページのデバッグやスケーリングがずっと簡単になります。

ちょうどHTMLとコンテンツから始まって、その後にCSSを追加し、その後にJavaScriptを追加すると、プログレッシブエンハンスメントの原則に従っています。このコンセプトに従うことで、意図したオーディエンスと一緒に作業することがわかっているベースラインの外観、感触、および動作が保証されます。

今日の世界では、ページに適したレイアウトは1つだけではありません。そのため、「レスポンシブウェブデザイン」（http://alistapart.com/article/responsive-web-design）と呼ばれる第3の開発方法論が現在のベストプラクティスとなっています。あなたが必要とするレイアウトが1つだけではないことを考えれば、まずはHTMLを最初に、CSSを2番目に、JavaScriptを最後に行う理由があります。