こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

他人の書いたHTMLに段落をつけたい

HTMLでウェブページを作成中です。

もう5年前くらい前に、Adobe Dreamweaverを使いながら書いたと思うのですが、
他人の書いたHTMLを修正しながら作りたいと思っていて・・・
その書いた人のHTMLが、何と説明したら良いのかわからないので質問したのですが、
例えば<div>を書いたら、それと同じ位置に</div>を書いて、
少しスペースを空けてその中に<p>を書いて、高さをそろえて</p>を書いて、という誰が見ても読みやすいように書きたいのですが、今見ているのは先頭が一直線に揃っていて、どれがどれに対応しているのか、というのが読みづらいです。

そういったのを、Adobe Dreamweaverで一発整頓みたいなのができたと思うのですが、今もその機能ありますか?

投稿日時 - 2020-02-14 09:55:43

QNo.9712703

困ってます

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

たぶんこんな感じのツールをお探しですね。

>HTML整頓くん
https://www.vector.co.jp/soft/win95/net/se382567.html
>HTMLソースを見やすく整頓 HTMLタグの階層に従って、読みやすくなるよう自動でインデント

ただしこちらは公開時期が古いせいか、新しめのHTMLを食わすと「○○はブロック要素(インデント)しますか」とたくさん聞いてきます。
「はい」で答えたタグはインデントされ、「いいえ」で答えたタグはインデントされず一行になります。
おまけに最後の最後でエラーに? ちょっとWin10時代に使えるものではないかも知れません…。

そこで、次のWebサービスを見つけました。

>HTMLのコード整形ツール
https://lab.syncer.jp/Tool/HTML-PrettyPrint/

「変換前のコード」にHTMLソースをコピペすると、「変換後のコード」欄にインデント結果が表示され、コピペできます。(Ctrl+A全選択→Ctrl+Cコピー、でスクロールしなくても全文コピーできます)
どんなふうに変換されたか、下の「ビューアー」欄で確認するだけでもいいです。
javascriptとかもきれいにインデントされるのでこちらがいいかもしれません。

投稿日時 - 2020-02-14 12:07:29

お礼

ありがとうございました!
こういうのを探していました。
HTMLファイルをそのまま放り込んだら、殆ど文字化けしてしまって、え?って思ったのですが、ちゃんとコピーして貼り付けしたら、正確に並びが修正されました。
(修正というか、こういう段々にしたいな、という具合になりました。)

助かりました。

投稿日時 - 2020-02-17 13:50:20

ANo.4

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.3

>例えば<div>を書いたら、それと同じ位置に</div>を書いて、
少しスペースを空けてその中に<p>を書いて、高さをそろえて</p>を書いて、という誰が見ても読みやすいように書きたいのですが、

どういうことをやりたいのか、さっぱり分かりません。実例を示して下さい。

投稿日時 - 2020-02-14 10:57:01

お礼

すみませんでした。名前すらわからなかったものですから・・・
インデントと言われるものらしいです。
<table>
<tr><th>名前</th><td>のびた</td><td>ジャイアン</td></tr>
<tr><th>性別</th><td>男の子</td><td>男の子</td></tr>
<tr><th>特技</th><td>寝る</td><td>カラオケ</td></tr>
</table>


<table>
スペース<tr><th>名前</th><td>のびた</td><td>ジャイアン</td></tr>
スペース<tr><th>性別</th><td>男の子</td><td>男の子</td></tr>
スペース<tr><th>特技</th><td>寝る</td><td>カラオケ</td></tr>
</table>
こう自動で変えたいのです。

回答、ありがとうございました。

投稿日時 - 2020-02-14 11:34:57

ANo.2

Dreamweaverは知りませんが

http://www.shurey.com/js/works/tag_convert.html

でやりたいことはできそうです。

何というかわからないのは恐らくインデントです。

投稿日時 - 2020-02-14 10:14:19

お礼

えーとURL先拝見しましたが、実際にHTMLを入れてみましたが、
インデントの機能、よく分かりませんでした。
設定パネルの方に、インデントがなさそうです。

回答、ありがとうございました。

投稿日時 - 2020-02-14 11:36:02

ANo.1

ない

投稿日時 - 2020-02-14 10:10:50

お礼

回答、ありがとうございました。

投稿日時 - 2020-02-14 11:36:20

あなたにオススメの質問