OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
締切り
済み

不要なタグって・・・。

  • 困ってます
  • 質問No.203469
  • 閲覧数225
  • ありがとう数4
  • 気になる数0
  • 回答数3
  • コメント数0

お礼率 62% (5/8)

webページをDreamWeaverで作成しているのですが。。。
よく不要なタグが入ると言われますが、どのようなものでしょうか?
半角のスペースが入ったり、改行が反映されていたりするものは気がつけるのですが。。。
また、DreamWeaverだと<colspan>や<rowspan>を簡単に設定できてしまい、
設定したあとでソースを見るとこれは不要なのでは?
と気がつける方法がありましたら教えて下さい。。。
(コーディングレベルですかね。。。。)
普通、初めから構造みたいなものを作ってから、<table>でレイアウト組むのでしょうか?
Webデザイナー目指しているレベルです。。。よろしくお願いします。
通報する
  • 回答数3
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全3件)

  • 回答No.1

TABLEを複雑に組んでいるときに高さや幅の属性が必要のないところに つくのが一番困ってます。良く見てみると、ちょっと矛盾した指定に なっていることもあったりします。 逆に幅や高さの属性を削りすぎてもブラウザが変に解釈しかねないので、 気をつかいます。 それいがいにも、Fireworksで作った画像を流し込むときとかにも やはり煩雑なタグが入っていて、書き直すことがあります。 また、CS ...続きを読む
TABLEを複雑に組んでいるときに高さや幅の属性が必要のないところに
つくのが一番困ってます。良く見てみると、ちょっと矛盾した指定に
なっていることもあったりします。
逆に幅や高さの属性を削りすぎてもブラウザが変に解釈しかねないので、
気をつかいます。
それいがいにも、Fireworksで作った画像を流し込むときとかにも
やはり煩雑なタグが入っていて、書き直すことがあります。

また、CSSと、普通のHTMLで同場所の色指定を重複してしている事が
あったりします。

このあたりの不要なタグってきっちりしておかないと、時々
特定のバージョンのブラウザで変になったりする事があります。


私が気を付けているのは、幅などを最初に決めておいて、
最後になってずらしたりしない事を気を付けています。

本格的に不必要なタグを排除するならDreamWeaverなど使わずに
自分でHTMLを書いていくのもいい方法だと思います。
お礼コメント
popo-shi

お礼率 62% (5/8)

すいません。以前お礼を送信させていただいたと思っていたのですが。。。
改めまして。。。ありがとうございました。
うーんそうなんですよ「ブラウザ」ですよね。。。
その辺もどういう風になったらレイアウトがくずれてしまうか
今、勉強中です。また、何かありましたらよろしくお願いします。。。。
ありがとうございました。
投稿日時 - 2002-02-05 10:09:34


  • 回答No.2
レベル8

ベストアンサー率 20% (7/34)

私は真っ先にテーブルを組んだ時に出来る<tbody>を削除しています。 あと、テキストの色や大きさなどを何回かいじっていると、 <font>タグが重複してたりしますので、それも注意しています。 ドリームウェバーは他のものと比べると、まだまだいいソースを書くように思います。 私が製作する時は、まずフォトショップでページ全体を構成してから、 それから切り出していっ ...続きを読む
私は真っ先にテーブルを組んだ時に出来る<tbody>を削除しています。

あと、テキストの色や大きさなどを何回かいじっていると、
<font>タグが重複してたりしますので、それも注意しています。

ドリームウェバーは他のものと比べると、まだまだいいソースを書くように思います。

私が製作する時は、まずフォトショップでページ全体を構成してから、
それから切り出していって構成しています。
いろんなやり方があると思います。
やはり、たくさん作って慣れることだと思いますよ。
頑張ってくださいね。
お礼コメント
popo-shi

お礼率 62% (5/8)

すいません。以前お礼を送信したと思ったのですが。。。
改めまして、ありがとうございました。
やはり、たくさん作って慣れることですね。まったくです。
そしてこんなことやってみたいとか、あんなことできるのかな
と考えたり。。。時間が許す限り?!そうやって頑張っていきます。
ありがとうございました。
投稿日時 - 2002-02-05 10:14:58
  • 回答No.3

こんにちは。 DreamWeaverをお使いでしたら、テーブルの幅・高さ指定が一番不要なタグが入りやすいかと思います。 例えば、 <table> <tr bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF" width="100">..</td> <td ...続きを読む
こんにちは。
DreamWeaverをお使いでしたら、テーブルの幅・高さ指定が一番不要なタグが入りやすいかと思います。
例えば、
<table>
<tr bgcolor="#FFFFFF">
<td bgcolor="#FFFFFF" width="100">..</td>
<td bgcolor="#FFFFFF" width="80">..</td>
<td bgcolor="#FFFFFF" width="80">..</td>
</tr>
<tr bgcolor="#CCCCCC">
<td bgcolor="#CCCCCC" width="100">..</td>
<td bgcolor="#CCCCCC" width="80">..</td>
<td bgcolor="#CCCCCC" width="80">..</td>
</tr>
</table>
みたいな感じで、本来なら行に背景色をつける時、1行がすべて同じ色で構わないなら、<tr>のみに背景色指定があればいいのに、なぜか、<td>タグ内にも一つ一つ指定されてしまう、とか、二行目に幅指定はいらないのに、入ってしまう、とかです。
高さなんかも、一番左のセルだけでいいはずなんですけど、全部しっかり入ってしまうので、気をつけてます(というか、高さ指定は画像のレイアウト目的のテーブル以外にはしないほうが良いです)。

なので、私はtableを組む時は、DreamWeaverでテーブル幅の自動設定しないで、1行目のみ手動で計算機片手に入れていってます。
これだけでも、そうとうソースは軽くなりますよ。

あとは、フォントタグが不要に入ってしまった場合には、DreamWeaverの「HTMLソースのクリーンアップ」をかけてみるのが比較的有効です(完全ではないです。間に半角スペースなどが入ってると消してくれないし)。

ページ全体で同じような不要タグを見つけた場合には一つ一つ直していくと大変なのと、見落としてしまうので、「検索・置換」で、「ソース」か、「特定のタグ」で一括置換(消去)させる、など。
お礼コメント
popo-shi

お礼率 62% (5/8)

ありがとうございました。今まさに<tr>にbgcolorを入れておるところです。。。
web制作は、DreamWeaverの悪いところも熟知せねば。。。ですね。
皆さんのお声を聞かせていただいて、ほんと勉強になりました。
投稿日時 - 2002-02-05 10:03:05
このQ&Aのテーマ
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ