ホームページ > 記事 > ウェブフロントエンド > プレゼンテーションと content_html/css_WEB-ITnose の分離とは何ですか?
プレゼンテーションと content_html/css_WEB-ITnose の分離とは何ですか?
- WBOYオリジナル
- 2016-06-24 11:37:201623ブラウズ
プレゼンテーションとコンテンツの分離とは:
プレゼンテーションとコンテンツの分離は、Web レイアウトで常に提唱されている原則であり、現在非常に人気のある用語の 1 つでもあります。おそらく、多くの開発者がすでに作成しています。プレゼンテーションとコンテンツの分離の原則をうまく利用して Web ページのレイアウトをデザインしますが、パフォーマンスとコンテンツの分離とは何かをコード例に基づいて簡単に紹介します。
コード例は次のとおりです:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title></head> <body> <div style="width:200px;"> <font color="red">好好学习</font></div> </body> </html>
テキスト コントロールのスタイルと Web ページの構造が混在しているため、上記のコードのパフォーマンスとコンテンツ分離原則は良好ではありません。これは Web ページの変更に役立たないだけでなく、Web ページのコンテンツが検索エンジンで適切に表示されなくなり、SEO にも役立ちません。
上記のコードは次のように変更されます:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css"> div { width:200px; color:red; } </style> </head> <body> <div>好好学习</div> </body> </html>
上記のコードは、コンテンツとパフォーマンスが分離されたレイアウトを実装します。上記の 2 つのコードから、Web ページの構造がタイプセットされている場合、いわゆる「コンテンツ」は Web ページの骨格であり、「パフォーマンス」は「コンテンツ」の磨きであると結論付けることができます。 div の幅または高さ、フォントの色とサイズなど。このようにして、Web ページのコンテンツが検索エンジンの前面に裸で表示されるため、Web サイトの最適化にも役立ちます。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=4775