ホーム > スタッフブログ > ぐっちゃん > HTMLの基礎 いらないタグを見つけよう

スタッフブログ

HTMLの基礎 いらないタグを見つけよう


MovableTypeやosCommerceのHTMLエディター、便利ですよね。

HTMLなんかわからなくても、簡単に管理できるし書き込めます。

じゃあなぜこの講座をしているのか。それは・・・

『必要なもの無駄なものが見分けられるようになる』という狙いがあります。


『エディター様が追加してるんだから必要にきまってるだろ』

そうですね。不必要、ということはないと思います。

ですが!エディターばかりに頼っていると、HTMLタグをいじらなければならない・・・というときに大変なことになるのです。


『大変なこと?』

そうです。こちらをご覧ください。

ここからは提供の多いosCommerceのエディターを使った場合をご説明します。

——————–

1 サンプル文字

2 サンプル文字

——————–


『1と2、特に変わらないな』

 

ではタグを見てみましょう。

——————–

<p><span style="font-size: large;"><br /><br /><span style="font-size: small;">1 サンプル文字</span></span></p>

<p>2 サンプル文字</p>

——————–


『ええ?!ながっ』

同じ見え方でも、中にタグが隠れている場合があります。

?のタグは無意味ではないので、PCやブラウザの環境によっては?と?は違う見え方かもしれません。

しかし同じように見えているならば、「あってもなくても良いタグ」だと思いませんか?


『確かに・・・すっきりしてたほうが編集しやすいしな』

そうなんです。

これを知っているだけで、ホームぺージのソースがだいぶスッキリしますよ。


『ふむ』

ぱっと見て、「これは要る」「これは要らない」と判断できると最高です。


『ソースがわかるパンダになる』

そういうことです。

さて、HTMLタグ基礎講座もここまでやれれば、もうosCommerceもMovableTypeもわかりやすいかと思います。

おぱんだ様はどうですか?


『まー全部覚えてるわけないよね』

もちろんです。

わからなくなった時は検索してみたり、この講座をふりかえってみたりしてください。

「こういうことがやりたいんだけど、講座でやって!」というようなご要望があれば、おぱんだ様と一緒にやっていきましょう。


『おー』

それでは、次回の新企画をお楽しみに!


『あばよっ』

トップへ戻る

お問い合わせ

お電話でお問い合わせ

有限会社サイバーウェーブ

099-219-9720

受付時間:9時〜18時

メールフォームからお問い合わせ

クリックするとメールフォームが開きます

メールを送る

SNSからお問い合わせ