- ベストアンサー
HTML 初心者。 ファイルの改行を消さない方法
ど素人の質問ですいません。 今日からHTMLを勉強しているのですが、 メモ帳にコード？を書いて、index.htmlで保存して、 一度保存して閉じた後、 もう一度新規でメモ帳を開いて、そこにindex.htmlをドラッグすると、 入力時には入っていた改行が無くなって、 ものすごく見づらくなってしまいます。 みなさんどうしていらっしゃいますでしょうか。 素人過ぎる質問で申し訳ありませんが テクニックを教えていただけますと幸いです
- ookihiroyuki
- お礼率35% (7/20)
- HTML
- 回答数6
- ありがとう数2
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
＃２です > そうなんです。その通りの現象です。 > 皆さんどうしているんだろうと思い。 皆さんは、こんな現象起きてないと思います。 ちなみにメモ帳ってWindows系のOSに標準で付いているアレのことですよね。 今のメモ帳って、ひょっとして、保存する時と開く時のそれぞれで改行コードの設定ができるのですか？ 素人さんってことで、何のことやら判らないかもしれませんが、もしメモ帳で改行コードの設定ができるのであればCR+LFで統一すると上記の現象が治るかもしれないです。
その他の回答 (5)
- fujillin
- ベストアンサー率61% (1594/2576)
私の環境では再現できません。 メモ帳（Windows附属のメモ帳）にドラッグ＆ドロップしても、改行は元のままです。 ドラッグ＆ドロップではなく、「ファイル」-「開く」から指定して開いてもも同じ状況でしょうか？
- asuncion
- ベストアンサー率33% (2127/6289)
html形式のテキストファイル作成時に適宜入れた改行コードと、 その改行コードのWeb上での見た目とは別の話です。 Web上で本当に改行を入れたければ、その場所に <br> というタグを書けばよいと思います。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
文章になっていないので、現象がつかめません。 ＞メモ帳にコード？を書いて、index.htmlで保存して、 メモ帳でHTMLを作成して、index.htmlと言うファイル名で保存して ＞一度保存して閉じた後、 ここは前文削除 ＞もう一度新規でメモ帳を開いて、そこにindex.htmlをドラッグすると、 メモ帳を起動して、メモ帳のウィンドウに、先ほど作成したindex.htmlファイルのアイコンをドラッグアンドドロップすると ＞入力時には入っていた改行が無くなって、 改行されていた場所が改行されないで、 と言うことでしょうか？ もし、動作が次のようなものでしたら正しい動作です。 <body> <p>これは テストですよ なんたらかんたら <img src="[URL]" width="420" height="300" alt="画像"> </p> これを［ブラウザ］で開くと、横一列になります。なぜなら、HTMLでは空白文字に関しては次のように処理することが定められているからです。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから 9.1 空白類 文書文字集合には、多様な空白類文字が含まれている。 その多くは、特定の視覚的スペーシング効果を生成するために何らかのアプリケーションが用いる印刷術的要素である。 HTMLでは、次に挙げる文字だけが空白類文字であると定義される。 ・ASCIIスペース ( ) ・水平タブ (	) ・書式送り () ・ゼロ幅スペース (​) 行区切り類もまた、空白類文字である。 ここで、
 及び 
 が[ISO10646]では行や段落を明確に分離するものと定義されているが、HTMLでは行区切り類に含まれないし、更に本仕様は両者を空白類文字一般にも含めないという点に、注意されたい。 本仕様は、ここに空白類文字と明示的に定めたもの以外のスペース文字類については、レンダリングその他の挙動を示すことはない。 この理由から、著者は、空白類を含む視覚的整形効果を及ぼすためには、スペース類文字ではなく適切な要素あるいはスタイル指定を行う必要がある。 PRE要素を除くすべてのHTMLの要素にとっては、空白類は「語」を分離するものである。 (ここで言う「語」は、「空白類でない文字の列」を意味する。) テキストを整形する際、ユーザエージェントはどれが「語」であるかを認識し、特定言語(用字系)及び出力メディアでの制約に従って整えていく必要がある。 テキストのレイアウトには、語と語の間にスペース(語間スペースと呼ぶ)を挟むことも含まれるであろうが、語間スペースの取り扱いは用字系毎に異なる。 例えば、ラテン文字では、典型的語間スペースはASCIIスペース( )だが、タイの用字系ではゼロ幅単語分離 (​)である。 日本と中国の用字系では、語間スペースは典型的には全くレンダリングされない。 ここで、ソース文書中で語間に空白類が複数連なっている場合、PRE要素を除いて、レンダリング結果の語間スペース調整は全く異なるものになるという点に注意されたい。 特にユーザエージェントは、語間スペースの出力処理に際しては、連続する空白類の入力があった場合は1つにまとめてしまう必要がある。 これは、lang属性やHTTP "Content-Language"ヘッダフィールド([RFC2616]の14.12参照)、ユーザの設定、等による言語情報が存在しない場合であっても、可能かつ必要な動作である。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Paragraphs, Lines, and Phrases (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#h-9.1 )］より メモ帳で記述したものをメモ帳で開いて改行コードが変わるということは通常はありえません。本当にメモ帳(notepad.exe)ですか? ・ファイルのアイコンは、きちんとHTMLのアイコンになっていますか ・保存するとき、index.htmlの両サイドを""で閉じていますか？ ・フォルダオプションで、「登録されているファイルの拡張子は表示しない」のチェックは外されていますか？ Q: index.htmlのアイコンをダブルクリックしたらブラウザで開かれますか? Q: index.htmlのアイコンを右クリックして(コンテキストメニュー)から、アプリケーションで開くを指定して、notepad.exe(メモ帳)を指定しても同じですか？ Q: 他のテキストエディタで作成し、保存が/n/rではなく、/nや/rになっているってことはありませんか？
- akr
- ベストアンサー率18% (32/173)
現象の確認ですが、１の状態で保存したものを、再度開いたら２になっていたってことですか？ １ <html> <head> <title>TITLE</title> </head> <body> BODY </body> </html> ２ <html><head><title>TITLE</title></head><body>BODY</body></html> これってHTML以外の普通の文章でも、同じことが起きますか？
- kuzumiHK
- ベストアンサー率72% (132/183)
メモ帳ではwindows形式の改行しか対応できないようです。 解決方法らしきことが下記に書かれています。 http://www.atmarkit.co.jp/fwin2k/win2ktips/403eol/eol.html ですが、メモ帳では心もとないので、本格的にはじめられるのであれば、 専用のエディタソフト（秀丸やEmEditorなど）を使うことをおすすめします。 http://hide.maruo.co.jp/software/hidemaru.html http://www.forest.impress.co.jp/lib/offc/document/txteditor/emeditor.html
お礼
ありがとうございます！使ってみます
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
そうなんです。その通りの現象です。 皆さんどうしているんだろうと思い。 アドバイスいただいた編集ソフトを使ってみようかと思います。 ありがとうございます