• ベストアンサー

HTMLのタグ内をすべて大文字・小文字に変換

 Windowsのフリーソフトで、HTMLのタグだけに限定して大文字・小文字に変換できるソフトってありますか?  例えば、大文字に変換させたいなら、 <img src="image/image.gif" alt="イラストです。" width=100 height=100>  というタグを <IMG SRC="image/image.gif" ALT="イラストです。" WIDTH=100 HEIGHT=100>  というように変換させたいのです。URLなどは変換せずに、あくまでタグだけです。  作っているページが統一性無いため、全部統一させたいので……  そういった機能のついたソフトはないでしょうか。出来れば、レジストリをいじらないものがいいです。  よろしく、お願いします。

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

  • ベストアンサー
  • wolv
  • ベストアンサー率37% (376/1001)
回答No.1

UNIXでは、 簡単なテキスト処理は sed ちょっと凝ったテキストの処理は awk を使いのが簡単です。 Windowsでも、sed, awkは使うことができます。 ---------------------- unixでは、 sed 's/<img/<IMG/g' 元のファイル > 出力ファイル のように実行すると、元のファイル中の <img という文字列が全て <IMG に置き換わります。 複数の変換を行なう場合は、 s/<img/<IMG/g s/height=/HEIGHT=/g s/width=/WIDTH=/g という内容のファイル change.sed を作っておき、 sed -f change.sed 元のファイル > 出力ファイル と実行することで変換できます。 ---------------------- さて、Windowsの場合は、上記のコマンドをインストールした後で、 a) ファイル名を指定して実行で「command」と入力するなどして、 MS-DOSコマンドが実行できる端末を開いた後で、UNIXの場合と同様に sed -f change.sed 元のファイル > 出力ファイル などとすることで実行できます。 または、 b) sed -f change.sed 元のファイル > 出力ファイル という内容のchange.batなどの名前のファイルを 作っておき、 そのファイルをダブルクリックで実行することで変換されます。 さらに、また、 c) 上記バッチファイルの内容を sed -f change.sed %1 > change\%1 とし、 changeというディレクトリーをあらかじめ作ってから 変換したいファイルを change.batの上にドラッグしてバッチファイルを実行すると、 changeディレクトリーの中に同名の変換されたファイルができあがります。 awkを使うともっと複雑な処理もできます。(解説省略^^;) (コメントやタグの内外を判定してから置換するなど。) 最近はperlのほうがはやってますが、私はawkやsedの方が使いやすいのでいつもこれを使ってます。 これからもいろんなテキスト処理をしたいなら、一度勉強してみるといいと思います。 sed: http://www.vector.co.jp/soft/dos/util/se008493.html awk: http://www.vector.co.jp/soft/dos/util/se000208.html 参考書: sed & awk プログラミング アスキー出版局 NUTSHELL HANDBOOKS uum, narete nai hito niha muzukasi sugiru kamo sirenai.

参考URL:
http://www.vector.co.jp/soft/dos/util/se008493.html,http://www.vector.co.jp/soft/dos/util/se000208.html
ikazuti
質問者

お礼

うーん、都合の良いソフトは無いんですかね。 VBとかで自分で作るしかないのか? ありがとうございました。

その他の回答 (2)

  • d-3
  • ベストアンサー率42% (16/38)
回答No.3

余談ですが、XHTMLなど、要素名を小文字で記述しなければならない場合もあるので、どちらかというと <img src="image/image.gif" alt="イラストです。" width="100" height="100"> のように小文字に統一しておいたほうが、後々移行したいときなど楽だと思います。

ikazuti
質問者

お礼

XHTMLなどは使わないと思いますが……とりあえず、小文字で統一しておきます。 ありがとうございました。

  • the845t
  • ベストアンサー率33% (246/743)
回答No.2

レジストリは弄ると思いますが、 Netscape Composerなどで開いた後保存してはいかがでしょう。 手間はかかりますが、秀丸エディタやサクラエディタで作成しているのであれば、 置換しても良いかと。

ikazuti
質問者

お礼

テキストエディタで置換ですか。手間がかかりそうですが…… まぁ、そうするくらいしか手が無いですかね。 ありがとうございました。

関連するQ&A

  • 一つのタグ内での要素の優先順位?ってあるのでしょうか?

    こんにちは。よろしくお願いします。 自分が作成していたWebシステムのページをアクセシビリティチェックツール~にかけ出てきたエラーのことでちょっと疑問に思い質問させていただきます。 ・一つのタグ内の要素の優先順位は、厳密に言うとあるのだろうか? ということなんですがー。。。 チェックにかけた項目は <img>タグです。 ・<img src ="img.gif" alt ="イメージ画像" width ="100" height ="100"> と ・<img src ="img.gif" width ="100" height ="100" alt ="イメージ画像"> と、の違いなのですが、上記タグではOKが出るのですが、下記タグでは、間違い!!と表示されるようです。 この場合、<img>タグ内の要素について、src→alt→width→heightという優先順位がついているのか、それとも、ただ単にそのアクセシビリティチェックツールのバグなのか。 タグ内要素の優先順位~についてご存知の方がいましたら、ご教授願えませんでしょうか?よろしくお願いします。

    • ベストアンサー
    • HTML
  • HTMLタグ

    画像にもありますが、取り扱い商品・液晶モニタ・パソコンパーツなどの横に横2列縦3列のテーブル、その横に縦5列横1列のテーブルを付けたいのですが、どうしてもわかりません。 わかる方居ましたらお願いします。 現在こんな感じです <p><font color="#f70006">&nbsp;&nbsp; <strong>他には無いアイテムがここにはあります</strong> </font> <br> <img style="WIDTH: 983px; HEIGHT: 102px" border="0" alt="" src="素材/top.png" width="1000" height="118"><br> <img border="0" alt="" src="素材/home.png" width="200" height="73"><img border="0" alt="" src="素材/商品一覧.png" width="200" height="73"><img border="0" alt="" src="素材/輸入.png" width="200" height="73"><img border="0" alt="" src="素材/買付.png" width="200" height="73"><img style="WIDTH: 169px; HEIGHT: 73px" border="0" alt="" src="素材/問合.png" width="170" height="73"><br> <br> <br> <br><img border="0" alt="" src="素材/取り扱い.png" width="164" height="49"><br> <img border="0" alt="" src="素材/液晶.png" width="164" height="49"><br> <img border="0" alt="" src="素材/apareru.png" width="164" height="49"><br> <img border="0" alt="" src="素材/pasokon.png" width="164" height="49"><br> <img border="0" alt="" src="素材/周辺機器.png" width="164" height="49"><br> <img border="0" alt="" src="素材/マルチメディア.png" width="164" height="49"><br> <img border="0" alt="" src="素材/自動車.png" width="164" height="49"><br> <br> <br> <br> <img border="0" alt="" src="素材/サポート.png" width="166" height="63"><br> <img border="0" alt="" src="素材/輸入について.png" width="166" height="63"><br> <img border="0" alt="" src="素材/お問い合わせ.png" width="166" height="63"><br> <img border="0" alt="" src="素材/会社概要.png" width="166" height="63"> </p> 他にいい作り方など、オススメ等ありましたら何でもお願いします

  • ALT属性に見出しタグをつけると画像がズレます。

    見出しタグをHTMLで製作後、画像とALT属性に採用すると 画像がずれてしまいます。 <img src="images/img6.jpg" alt="●●●●●●●●●●●●" width="745" height="511"> を <h2><img src="images/img6.jpg" alt="●●●●●●●●●●●●" width="745" height="511"> </h2> 以下のコーディングにすると画像がずれます。 HTMLバージョンは、DTD HTML 4.01 Transitional となります。 CSSなどで画像の位置固定をするのではなく、そのままHTML内で完結したいと考えています。 どのように変えれば良いでしょうか また、alignタグなどは、HTML4.01非推奨で使えません。 バグで探したのですが見付かりませんでした。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 画像を縦に並べたら隙間ができることについて

    画像を縦に並べたところ隙間ができてしまいます。 隙間無くくっつけたいのですがどうすればいいのでしょうか。 以下htmlです。 <img src="img/nakama_img01.gif" width="687" height="227" alt="画像1" /><br /> <img src="img/nakama_img02.gif" width="687" height="197" alt="画像2" /><br /> <img src="img/nakama_img03.gif" width="687" height="244" alt="画像3" /> <br />で改行せずくっつけてタグを並べても同じ結果でした。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブル(HTML)と画像のレイアウトについて

    WEB画面のレイアウトについて質問があります。 HTMLのtableタグを使ってその中のtdタグにimgタグで画像をセットすると 高さ(height)に微妙な間ができてしまいます。 この現象を回避するにはどうすればよいでしょうか? ↓HTMLソース <table> <tr> <td><img src="GIF画像" alt="XXX" width="755" height="26"></td> </tr> </tabld> ※heightが指定値より若干高くなる どなたか良い回避策をご存知でしたらご教示下さい。 お願いします。

  • imgタグについて

    imgタグについて http://okwave.jp/qa/q5970749.html この件で質問させていただいてましたが、気になる事がありましたのでアドバイスください。 最初のタグーーーーーーーー img{border: 0; vertical-align:bottom;} ーーーーーーーーーーーーー <img src="/img/space.gif" width="100%" height="10px"/> IE8でimgタグのvertical-align:top;が反応して1px×1pxの透明の画像が縦に10px以上伸びてしまっていました。 ↓そこで、このように分ければいいとアドバイスいただきましたが、 .img1{border: 0;} .img2{border: 0; vertical-align:bottom;} imgタグは他のページでも使用しているため img{border: 0; vertical-align:bottom;}は変更出来ませんでした。 そこで、img2{border : 0;} とcssに書き込み <img2 src="http://www.itumonavi.jp/img/space.gif" width="100%" height="10px" /> にするとバグは解消されました。 ですが、html的に<img2~ というタグは見た事無いのですが、これは使っておいても問題ないのでしょうか? もし他に方法がございましたら教えてください。 【css】-------------------------- img { border: 0; vertical-align:top; } .img1 { border: 0; } 【html】-------------------------- <table width="635" height="31" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999"> <tr> <td width="635">タイトル</td> </tr> </table> <table width="635" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"><img src="/img/space.gif" width="100%" height="10px" class="img1"/><!-- スペース --></td> </tr> <tr> <td width="170" rowspan="2"><img src="img/sample.gif" width="170" height="170" alt="test" /></td> <td width="20" rowspan="2"><img src="img/space.gif" width="20" height="170" class="img1" /><!-- スペース --></td> <td width="445" style="vertical-align:text-top"><img src="img/space.gif" width="100%" height="5" class="img1" /><!-- スペース -->コピー<div class="guide-line"></div><!-- ライン --> </td> </tr> </table>

    • ベストアンサー
    • HTML
  • FLASH内にHTMLタグを表示させる方法について

    FLASHで作成するファイルの中に、HTMLタグを組み込むことは可能でしょうか? 調べたところ、jpg画像は外部からでも読み込めるということですが、 同じように、HTMLタグも読み込むことは出来ないのでしょうか? 組み込みたいタグは以下のようなものです。 <A HREF="URL" target="_blank">リンク先の名前</A> <img border="0" width="1" height="1" src="画像" alt=""> ご存知の方、よろしくお願いします。

  • HTML文書の文法をチェックの事で

    HTML文書の文法をチェックの事でお伺いします。 xhtmlでページを作成しています。 質問なのですがこのサイトで「Another HTML-lint gateway」(HTML文書の文法をチェックし、採点します) http://openlab.ring.gr.jp/k16/htmllint/htmllint.html 文法をチェックしているのですがアクセス解析のタグを付けていると、かなりマイナス点となってしまいます。 以下はあるアクセス解析のタグなのですが、なるべく減点されないようにするにはどうすればいいのでしょうか? <!-- アクセス解析のタグ --> <img name="PageNo" src="dummy" alt="1" width="1" height="1"> <script type="text/javascript">document.write('<img src="http://*********/access/other/analyze.cgi?1_' + screen.width + 'x' + screen.height + '&' + screen.colorDepth + '&' + document.referrer + '" alt="" width="1" height="1">');</script> <noscript><img src="http://*********/access/other/analyze.cgi" alt="dummy" width="1" height="1"></noscript> <img name="home_url" src="http://*********/access/other" alt="dummy" width="1" height="1"><img name="1st-biz-img" alt="dummy" width="1" height="1"><SCRIPT type="text/javascript" src="http://*********/access/other/analyze/seidoku.js"></SCRIPT> <img name="1st-biz-img2" alt="dummy" width="1" height="1"><SCRIPT type="text/javascript" src="http://*********/access/other/analyze/taizai.js"></SCRIPT> <img src="http://*********/access/other/analyze/getrank.cgi" alt="dummy" width="1" height="1"> アドバス等ありましたら教えてください。よろしくお願いします。

  • tableの作成方法について

    よろしくお願いします。 表を以下のように作成しました。 表の横のラインに罫線を引きたいのですが記述方法が分かりません。 表の周りにはcssで記述して2pxの罫線を引いてあります。 どなた様か、ご指導の程よろしくお願いします <table> <tr> <td rowspan="3" class="b"><img src="img/wg.jpg" alt="パソコンノウハウ" width="190" height="250" /></td> <td class="c"><img src="img/txt21.gif" alt="" width="168" height="24" /><br /> </td> </tr> <tr> <td class="d"><img src="img/9.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/ten.gif" alt="パソコンノウハウ" width="21" height="63" /><img src="img/8.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/0.gif" alt="パソコンノウハウ" width="41" height="63" /><img src="img/0.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/en.gif" alt="パソコンノウハウ" width="131" height="63" /></td> </tr> <tr> <td class="e"><a href="http://www."><img src="img/enter_off.gif" alt="" width="349" height="83" /></a></td> </tr> ----------------------------------------------------------------ここに横の罫線を引きたいのですが記述方法が分かりません。 <tr> <td rowspan="3" class="b"><img src="img/wg.jpg" alt="パソコンノウハウ" width="190" height="250" /></td> <td class="c"><img src="img/txt22.gif" alt="" width="103" height="23" /><br /> </td> </tr> <tr> <td class="d"><img src="img/1.gif" alt="パソコンノウハウ" width="41" height="63" /><img src="img/0.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/ten.gif" alt="パソコンノウハウ" width="21" height="63" /><img src="img/8.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/0.gif" alt="パソコンノウハウ" width="41" height="63" /><img src="img/0.gif" alt="パソコンノウハウ" width="41" height="63" /> <img src="img/en.gif" alt="パソコンノウハウ" width="131" height="63" /> </td> </tr> <tr> <td class="e"><a href="http://"><img src="img/enter_off.gif" alt="" width="349" height="83" /></a></td> </tr> </table>

    • ベストアンサー
    • HTML
  • 文字の上のスペースだけ微調整できますか?

    文字と文字の間にある縦の境界線はbackgroundの上下のセンターにあるのですが 「あ」「い」「う」の文字が少し上に来ています。 微調整するタグはございますか? paddingを試したのですが、せっかく上下のセンターにきてた境界線もずれてしまうのでだめでした。 ご教授お願いします。 ------------------------------------------------ あああああ <img src="images/line.gif" style="vertical-align: middle;" hspace="10" vspace="0" width="2" height="20" alt="境界線" /> いいいいい <img src="images/line.gif" style="vertical-align: middle;" hspace="10" vspace="0" width="2" height="20" alt="境界線" /> ううううう ------------------------------------------------

専門家に質問してみよう