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もわかりやすいかと思います。

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

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

もちろんです。

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

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

『おー』

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

『あばよっ』