web・ブログ制作

[id属性]と[class属性]の使い方間違えてた。

投稿日:

だれでもwebをかじって、自分のブログとか持ち始めたらついやりたくなるのがカスタマイズ。

ちょっと前にブログのデザインをいじりましたってブログをUPしたはいいけど・・・

[blogcard url="http://hh-style.com/web/midasi/"]

思いっきり間違っていたってゆー残念な話。

とほほ・・・

id属性とclass属性の使い方を間違える

ブログのテンプレートになってるやつをそのまま使い続けても、なんかそっけないものが多くて自分らしさのあるブログを作ろうとして以前いじったのが

headerタグと呼ばれる<h2>,<h3>,<h4>

最初にこのように表示されていたのを

以下のように変更

その際つかったcssコードが

h2#type2{}

HTML側には

<h2 id="type2">〇〇</h2>

となるid属性を記載していましたが、調べたら完全な間違い。

cssに記載しなければいけないのは

h2.type2{}

HTMLは

<h2 class="type2">〇〇</h2>

このようなclass属性だったことが発覚。

id属性

同じページに同じ属性は1つまで

class属性

同じページに同じ属性がいくつあっても問題は無い

 

ということで完全なミス。

<h2>や<h3>は同一ページブログ内でなんども使うのですぐ変更しました。

IEやchromeなどのブラウザ側で気を利かせてちゃんと表示してくれてはいるものの、文法的には大きな間違いらしいので早めに改善することにこしたこたぁない。

というよりも、知らないくせにid属性なんか使うからこうなる。

 

さいごに

知らない人から見たらナンノコッチャってなるとは思うけど、なんかの記事が上位表示されたいと思っているオレからしてみると致命的。

痛い目を見たのでこれでid属性とclass属性は覚えました。

あんまり学ぶことがなかったからいい機会になりました。

web初心者の人は属性の使い方に気をつけましょう。

 

 

 

おしまい

 

よく読まれる記事

  • この記事を書いた人
  • 最新記事

ハッタヒロユキ

新潟県に生まれ美容師として働きながらWEBの勉強をしております。

自分のお店のホームページと自分のブログをメインに扱い、こっそりと違うサイトを作ってます。

自社サイトやブログを立ち上げたい時には是非ご相談ください。

http://llacitta.com

-web・ブログ制作
-, , ,

Copyright© ハッタブログ , 2017 All Rights Reserved.