class名、id名

class名、id名の指定に対して指摘をされました。
確かに意味のない指定の仕方は、見難かったりナンバーを入れると後でclass名を追加する際
ナンバーをずらすことになり混乱を招きます。
自分の為にも、class名、id名について調べてみました。

HPのサンプルを参考に以下の様に指定してみました。

HTML

<div class="main">
    <div class="main-top">
        <div class="main-top-text">
        　　　<h2>自然と調和を目指す企業です</h2>
        　　　<p>ホームページサンプルは自然との調和を目指します。</p>
        　　　<p>革新的な技術で世の中を動かす企業を目指します。</p>
        </div>
    </div>
    <div class="main-first">
        <h3>ホームページサンプル株式会社の取り組み</h3>
        <p>ホームページサンプル株式会社では最新技術と自然との調和を目指します。</p>
        <img src="img/sample1.jpg" alt="PC" style="border:solid 3px #ebebeb">
    </div>
    <div class="main-second">
        <h3>ホームページサンプル株式会社の取り組み</h3>
        <img src="img/sample2.jpg" alt="PC" style="border:solid 3px #ebebeb">
                    <p>革新的な技術で世の中を動かす企業を目指します。<br>
                    ホームページサンプル株式会社では最新技術と自然との調和を目指します。</p>
    </div>
    <div class="company-outline">
        <h3>会社概要</h3>
　　　　　</div>
    <div class="picture-gallery">
        <h3>写真ギャラリー</h3>
        <img src="img/gallery1.jpg" alt="PC" style="border:solid 3px #ebebeb">
    </div>
</div>