• ベストアンサー

htmlのインデントについて

htmlのインデントは重要度は高いのでしょうか? 色々なページのソースを見ると、きれいにインデント されている所や全て左詰めになっているHPなど様々です。 htmlファイルにシステムが絡んでくるとプログラムを組む時に インデントがしっかりしていないと機能しなくなるというのを聞いたのですが、 今度システムが絡んだHPを作る事になったので少し心配です。 WEBにおけるインデントはある程度わかるのですが、詳しいことを調べても あまり詳しい事がでてこなかったのでこちらで質問してみました。 正しいインデントの仕方やタブキーを使う際のスペースは 小文字か大文字のスペースなのかなど色々知りたいです。 ではよろしくお願い致します。

  • HTML
  • 回答数3
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • neo_ap1
  • ベストアンサー率26% (105/395)
回答No.3

こんにちは。 Web系システムのSEやってます。 HTMLに限らずプログラムソースのインデントは 後々「保守」する段階で重要になってきます。 左詰でも何でも作ってお終いなら構いませんが、 きちんと整理してソースを書いておかないと、 機能や項目を追加したり、不具合箇所を修正する時に 泣きたくなります。 もし今後HTMLソースの改修予定があるのであれば、 インデントをつけてきれいにしておいた方が良いかもしれません。 スペースを使う場合は必ず半角でインデントしましょう。 全角だとHTMLが正しく解釈されません。 DWを使うのであれば、手書きするところもDWに合わせると きれいなソースになるかと思います。

lijian
質問者

お礼

>neo_ap1さん 文字どおりインデントしておかないと 後々自分が困りますね。 非常に参考になりました。 ご回答ありがとうございました!

その他の回答 (2)

  • nasubi-
  • ベストアンサー率27% (10/36)
回答No.2

はじめまして! NO.1さんのおっしゃるとおりインデントに関してはあまり気にしなくていいと思います。 システムとは関係ないかもしれませんが、タブキーやスペースキーを多用するのは避けたほうが良いかもしれません。 Webもバリアフリー化(?)が注目されているようです。 視覚障害の方がHPを閲覧する場合、音声ブラウザを使うと思うのですが、あまりスペースやタブを使用するとうまく認識されない場合があるようです。 回答にはなりませんがご参考までに…。

lijian
質問者

お礼

>nasubi-サン インデントは気にしなくていいみたいですね。 >タブキーやスペースキーを多用するのは避けた >ほうが良いかもしれません。 参考になりました! ご回答ありがとうございました!

  • raynya
  • ベストアンサー率36% (105/290)
回答No.1

HTMLでは特に気にすることはないと思います。 きれいにインデントされているHPはおそらくソフトを使って作成しているからではないでしょうか。 私は手入力派ですが、いちいちインデント入れるのが面倒なので基本的に全部左詰めです。 ただ、テーブルなど複雑なタグを書くときは分かりやすくするためにインデントを入れますが、半角スペースですね(全角スペースだと表示に影響をきたすので) タブキーで入るインデントは開きすぎるので使ってません。 また、Dreamweaverと手入力を併用した場合、DWが吐き出したソースのインデントはそのままにしてます。

lijian
質問者

お礼

>raynyaサン 自分はDWを使用しているのですが DWはある程度自動インデントしてくれますね。 ではあまりインデントは気にしなくて良いみたいですね。 ご回答ありがとうございました!

関連するQ&A

  • Excelのインデントについて

    セルの中の文字の前に1文字スペースを入れたいです。 そこで調べてみたらインデントというものがあることを知り、 http://www15.plala.or.jp/PCwakaba/menu/excel35.html 上記のページを参考にしてみたのですが、 1文字ではなく、2文字~3文字ぐらいスペースが入ってしまいます。 左詰め(インデント)のインデントの数値は1に設定します。 バージョンは、Excel2002(Windows XP)です。 よろしくお願いいたします。

  • Windows Vim インデント

    Windows上で、Vimの使い方の勉強を始めました。 インデントが旨く使えないので、質問します。 プログラムのソースを整列するのに利用したいのですが、 次のような点で困っています。 1.インデント用のタブとして、スペース4文字分を期待しています。 2.set tabstop=4 を設定すると、挿入モードではうまく行きましたが、   ノーマルモードの >> や << には変化がなく、8文字程度の空きができます。 3.またそのとき、4文字程度から左へは、カーソルが移動できません。   挿入モードでは、移動できます。 これらを統一するにはどうすればよいのでしょうか。 考え方の間違いや、設定の仕方を教えていただければ幸いです。

  • WORDのインデント、なぜずれる?

    WORDでインデントを使って、行頭をそろえようとするとき、どうやっても、各行頭が微妙にずれてきれいにそろわないことがあります。 半角ずれる、とかではなくて、変に微妙にずれます。 仕方がないので、インデント機能を使わず、スペースを入れて寄せていってそろえるようにしているのですが、納得が行きません。 一太郎とかだと、そういうことがあまり無い気がします。 WORDのインデントって、しょせんそういうものなんですか?

  • ワードの箇条書きボタンとインデントの関係

    ワード2003です。 箇条書きボタンを設定した際、箇条書きボタンと文字の間にタブが自動的に設定されますが、そのときルーラーをみると左インデントマーカーと左揃えタブが一緒にくっついて設定されてますが、コレは一緒に設定されるのがいいのでしょうか?また、左揃えタブだけ移動させると文字が移動するのはわかるのですが、左インデントマーカーはドコを左詰にしてるのですか?タブキーの→の左の部分でしょうか?なんだかよくわからないのですが、よろしくおねがします。

  • インデントってどうやって表示するの?

    プログラムのソースプログラムをウェブに載せたいのですがホームページビルダーなどに ソースをこぴぺすると全て字下げがなくなってしまいます。 こんな感じです。 #include<stdio.h>   int main(){     printf("hello\n");   return 0; } これが #include<stdio.h> int main(){ printf("hello\n"); return 0; } こうなってしまうわけですね。 字下げはTABキーのインデントで行っています。 1行ずつスペースを書いていけばいいのでしょうけど 何しろ何百行もあるソースですのでそれは無理です。 字下げを失わずにHTMLに変換することできないでしょうか?

    • ベストアンサー
    • HTML
  • ドリームウィバーでソースを一括でインデントをする

    ドリームウィバー8でソースにある程度正確にインデントを付けたいのですが、ページ数が600Pもあるので手作業でするのはかなり時間がかかります。 一度ページ毎にソースのインデントを全解除し左端に詰めてそのページのソースを全選択して一括でインデントを付ける機能はドリームウィバー8にはないでしょうか? もしご存じの方がいらっしゃいましたらよろしくお願い致します。

    • ベストアンサー
    • HTML
  • エクセル セル内文字位置のインデントについて

    日記表を作りました。 (1)内容部分の文字内容が左ずめになっていますが、インデントを入れたいのですが、1インデントは できますが、空きすぎです。なんとか0.5インデントはできないものでしょうか? (2)また、縦位置の下に、「前後にスペースを入れる」とありますが、どのような時、使うものですか、 使い方を教えてください。(試したいのですがどうしても、チェックが入りません) アプリは2007です。

  • ワードでのタブ設定とぶら下げインデント

    「記」と「以上」の組み合わせ文で、その本文の所に箇条書きを4項目に渡って入れてあるのですが問題は、2行にまたがる箇条書き文の所なのですが・・。 項目と内容文とに分けてタブキーでスペースを取って、左と右インデントで、位置を揃えて、段落番号をつけました。 項目と内容文の間のタブスペース分をタブマーカーで揃えましたが、一行で終わる行は問題ないのですが、2行に渡る場合、少し長めの内容文をぶら下げインデントを使って内容文の方も揃えたいのですが、設定を掛けたくても、位置がおかしく変更されてしまいます。せっかく揃えたところまでも、崩れてしまいます。 左と右のインデント、それから、段落番号をつけて、その中で、タブ設定と、ぶら下げインデントをスムーズに設定する方法を教えてください。よろしくお願いいたします。

  • Word(2003)のインデントについて

    ワードで表を作成するとルーラーのところにインデント(1行目・ぶら下げ・左および右)が表示されるわけですが、あるセルの中にカーソルを移動してもインデントが表示されません。入力するとスペースに余裕があるにもかかわらず打った文字が下のほうに進んでしまいます。後輩が作成した表なので作成時の状況がわからず困っています(本人もよくわかっていない) よろしくお願いします <(__)>

  • 均等割付をした段落のぶらさげインデントがうまくいきません

    ビジネス問題集の中の問題から質問です。 左インデント+ぶら下げインデントの設定のところですが、 同じ条件の2つの段落に同じ設定をしても、必ず片方はうまくいきません。 それがなぜなのか、教えてください。 以下にその問題の部分を書きます。 初めは全て左詰で入力しています。 (□はスペース、↓は文字列の折り返しの区切り、それ以外は改行) ちなみに、「場所」は3文字分の均等割付をしています。 ------------------------------------------------ 場所□□東京都千代田区九段3丁目3番1号↓ ワード物産株式会社 大会議室 議案1□□第8回期営業利益報告書、(中略)ならびに↓ 利益金処分案承認の件 ------------------------------------------------ この2つの段落に、 4字分の左インデントと9字分のぶら下げインデント(つまりぶら下げインデントは5字) を設定しなさいという問題です。 そこでこの2つの段落を範囲指定して、 「書式」-「段落」で左インデントを4字、ぶら下げインデントは5字を設定するのですが、 『利益金処分案…』のほうは完成例と同じになりますが、 『ワード物産…』の方は5文字分ほど右に寄りすぎます。 1つめの段落だけはぶら下げインデントを2.5字にしないと合いません。 「場所」の均等割付を解除し、間にスペースを入れるとうまくいきます。 問題集の模範解答では水平ルーラーのインデントマーカーを動かすようになっていますが、 どうして均等割付を設定しているとメニューの「書式」-「段落」からだとだめなのでしょうか? 問題文の中に均等割付にしなさいという指示もありますし、 できない理由を知りたいので、スペースを入れない方向で解決させたいです。 わかる方、よろしくお願いします。

専門家に質問してみよう