LoginSignup
4
5

More than 5 years have passed since last update.

class名、id名

Last updated at Posted at 2015-06-24

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>
4
5
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
5