タグの左揃えと波型の違いで・

質問

今までずっとタグ打ちは左揃えでやってきまして、
波型になるような作り方は一切した事がなかったのですが、最近仕事でチーム製作する事になり、全員波型という状況で困っています。。

波型のタグは理解はできるのですが、自分で打つとなると慣れていないため時間が非常にかかり、イマイチ上手くいきません。（途中途中で修正しだすと、混乱してしまうのです。。）
つくるのはDreamweaverオンリーで、機能などは一切使わず、プレビューが便利というだけで、DWでのタグ
打ちという形をとってきました。

何かエディターなどで、左揃えのタグを一発で波型タグに変換できるようなものはありませんでしょうか？
もしくはそんな方法でも良いのですが。。

あと、一般的にはやはり波型のほうが利点などがあるのでしょうか？

よろしくお願いいたします。

回答No.1

magslife · ベストアンサー

「波型タグ」という言葉を聞いたことがなかったので、少し戸惑いましたが、、、

左揃えタグ
＜HTML＞
＜HEAD＞
＜/HEAD＞
＜/HTML＞

波型タグ
＜HTML＞
　＜HEAD＞
　＜/HEAD＞
＜/HTML＞

という認識でよろしいでしょうか？
※念のため、カッコとスペースは全角にしています

波型はプログラミングに慣れた人がよく使う書き方です。
タグの開始から終了までの範囲がわかりやすくなるというメリットがあるため、好まれます。
上記の場合でも、HEADがHTMLの中で宣言されていることが、一目でわかるでしょう？
この例ではあまりありがたみがわかりませんが、TABLEタグのようにタグが複雑になればなるほど重宝します。
HTMLでなくXMLであれば、さらに利用価値が高まります。
「タグの中にタグがあれば右へずらす」というのが基本ルールですので、覚えるのも容易だと思います。
こちらの書き方に慣れるのも、いいと思いますよ？（というより、書き方は統一しないと見づらいですよね）
ちなみに私もこの書き方を採用しており、今までにデメリットを感じたことはありません。

左揃えから波型に変換するエディタについては聞いたことがありませんので、詳しい方お願いします。

お礼

ありがとうございます。
その認識で結構です＾＾；

やはり手が遅くなるというのが最大のネックになっていたのですが、がんばって覚えたいと思います。一人貫いても、周りも遅くなりそうなので・・ありがとうございました＾＾

回答No.4

steel_gray

もうちょっとだけ補足。
インデントを付ける利点は#1さんのおっしゃるようにわかり易くするため。
プログラムやhtmlは入れ子構造になっているので、その構造を視覚的に理解しやすくなります。
自分一人で作りっぱなしならば問題ありませんが、昔に作ったものを見るときや、他人の作ったものを見る時には効果があります。

職場/プロジェクトによってはソースの整形ルールが非常に細かく決まっている場合もあるため、前回も書きましたがチームの人にしっかり聞いておいたほうがいいかと思います。

お礼

ありがとうございます。
インデントというのですね。

波型ってのは失礼しました＾＾；
DWでの変換方法もきっちりできました。
ありがとうございます＾＾

回答No.3

steel_gray

#1さんの回答を見て納得。

Dreamweaverならば自動でソースにインデントを付ける機能とかあると思います。
参考URLは的外れかもしれませんので実際には一緒に仕事をするチームの人に聞いたほうがいいと思います。

参考URL：

http://www.macromedia.com/jp/support/dreamweaver/ts/documents/dw0013.html

回答No.2

steel_gray

"波型タグ"っ何ですか？
googleで検索しても0件だし。

参考URL：

http://www.google.com/search?hl=ja&inlang=ja&q=%22%E6%B3%A2%E5%9E%8B%E3%82%BF%E3%82%B0%22