HTML5でdivs＆spanを使用する方法

Question

HTMLマークアップは構造を表すために使用され、CSSはプレゼンテーションの定義に使用されます。

私の理解では、要素は、Webページのセクションが表すものに意味的な意味を与えると考えられています。 <div>は、人為的に追加された意味的意味でHTML4で使用されました。id & classそのため、HTML5では、<nav>、<main>、<header>、<footer>などの新しいブロック要素が組み込まれています（意味意味は暗黙的に&に組み込まれています）。これは2つの質問につながります。

私は、<div>が、新たに導入された要素によって意味の意味が表されていないウェブページのセクションに引き続き使用できることを知っています。 <span>は、新しいインライン要素が導入されていないため、変更されずにそのまま使用され続けます（afaik）。<div>に変更されました。

他の1つの使用は特にCSSテーブルです。 HTML要素が意味の意味を伝えることになっており、displayプロパティが要素のレイアウトを変更していることを考慮して、<div>または<span>を使用して表を表現するのに違いはありますか？はいの場合は、どのように使用するかを決めます。

HTML5のこれらの2つの要素にはベストプラクティスとして他の用途がありますが、同じ意味で<table>を非表形式のデータに使用しないことがベストプラクティスですか？

Answer 1

HTML要素はセマンティックな意味を伝えることになっていることを考慮すると、表示特性、要素のレイアウトを変更すること、テーブルを表すために<div>又は<span>を使用しての違いはありますか？

違いは、CSSが適用されていない（読み込みに失敗した、スピーチブラウザが含まれている、ユーザーがlynxを使用しているなど）ためのレンダリングです。

表形式のデータがある場合。テーブルを使用します。それ以外の場合は、最も意味のある要素を使用します。上記のほかに

、ベストプラクティスとして、HTML5でこの2つの要素のための任意の他の用途は、非表形式のデータのための<table>を使用しないことがベストプラクティスであることと同じ意味で、そこにありますか？

ベストプラクティスの要素選択のための経験則は、HTML5の導入によって変更されません。データを最もよく表すセマンティクスを持つ要素を選択します。データを正しく記述するセマンティクスを持たない要素がない場合は、divまたはspanを使用します。これらの要素にはセマンティクスがないため（セマンティック情報が間違ったセマンティック情報より優れていないためです）。