class名、id名

#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>