w 3 c標準規範

w 3 cは、英語のWorld Wide Web Consortiumの略.中国語の名前は万維網連盟です.簡単に言えば国際的な組織で、webに関連する各基準を統一的に制定することを担当しています.
コンセプト
ウェブページは主に3つの部分から構成されている:構造(Structure)、表現(Presentation)、行為(Behavior).
対応する標準も3つの方面があります:構造化の標準は主にXHTMLとXMLを含んで、表現の標準言語は主にCSSを含んで、行為の標準は主に(例えばW 3 C DOM)、ECMAScriptなどを含みます.
統一基準の原因
異なるブラウザには異なる解析ルールがあり、異なる解析ルールの下で同じ内容をユーザーに提示するには、統一基準の解析ルールが必要です.
きかく
ラベルネスト規則
1、ブロック要素は行内要素または一部のブロック要素を含むことができるが、行内要素はブロック要素を含まない

	<div><h1>h1><p>p>div>   
	<a href="#"><span>span>a> 
	<span><div>div>span> 

2、ブロック級元素は入れない中

	<p><ol><li>li>ol>p> 
    <p><div>div>p> 

3、いくつかの特殊なブロックレベル元素は行内元素のみを含むことができ、ブロックレベル元素を含むことができない:h1h2h3・h4・h5・h6・p・・
4、ブロックレベルの要素はブロックレベルの要素と並んで、行内の要素は行内の要素と並んでいる

	<div><h2>h2><p>p>div> 
    <div><a href="#">a><span>span>div> 
    <div><h2>h2><span>span>div> 

本例中dtラベルはh2ラベルと並んでおり、誤報はないが、仕様によりこのように書かなければならない場合はspanラベル外層にspan、これdiv無意味ブロックと称される
HTMLの意味化ラベル
各ラベルの用途を理解します(どのような場合にこのラベルを使用すれば合理的ですか).例えば文章タイトルはdiv-h1、文章内容はh6で、文章中に強調したいテキストがある場合はpで表すことができます.
セマンティックラベルを使用するメリットは、次のとおりです.

検索エンジンに収録されやすい

スクリーンリーダーがWebページの内容を読みやすい

ページのテーマをよりよく表現できる

より互換性が高く、より多くのネットワーク機器をサポート

参照先:https://www.bilibili.com/video/BV1hs411T7Bx?from=search&seid=4649962878815286975