HTMLに同じコードを一括挿入するための方法

質問

• HTMLに同じコードを一括挿入するための方法はありますか？
• DreamweaverやAptanaなどのソフトには同じコードを一括挿入する機能が存在しますか？
• 大量のページがある場合には、テンプレートにASPのコードを書いておくことを検討することもできます。

回答No.2

ORUKA1951

HTMLを１度学びなおされると良いでしょう。
　そのためのHTMLなのですよ!!

　HTMLは、ある文書を、それを構成する要素(Element)に分解し、それぞれの要素をタグを使ってマークアップするメタ言語です。例えば、見出しでしたら<h1></h1>で括って、それが見出し(レベル1)であるとマークアップします。★デザインのためでしないですよ!!
　そして、用意されたタグ--要素--で足りないときは、
『id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』
　class名やidで文書構造が示します。

　　　HTML5では、(このHTML4.01の説明が理解されなかったために、)
　　　『文書をよりよく構造化するために、次の要素が新しく追加されました。( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )』

　そのために、1999年のHTML4.01の勧告以来・・・
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［2.4.1 構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )］より

　とされてきているのですよ。

　例えば、本文中の最初のセクションの背景だけ画像を入れ替えたいなら、
HTML4.01
body>div.section div.section:first-child{background-image:url();}　
HTML5
body>section section:first-child{background-image:url();}　
　ですむはずです。
　(意味:本文の子供である最初に登場する本文の背景)

　また、特定のリンクのみボタン画像を変更したいなら
HTML4.01
div.header div.nav ol li a[href="/books"]{background-image:url();}
HTML5
header nav ol li a[href="/books"]{background-image:url();}
　(意味)header中のナビゲーションリストのhref="/books"属性を持つa要素の背景

　HTMLさえ、きちんと文書構造をマークアップされて書かれていれば、まったく苦労することはないはずです。デザインを切り離さずデザインでHTMLを書いているとこうは出来ないです。

＞（すべてのページに特定の画像をはりつける、はりつける画像を気分で変えたいとも思っています。（画像だけの場合、最悪空のdivを置いておいてあとからcssで背景指定指定でもいいのですが・・・））
　そのための文書構造とプレゼンテーションの分離です。
　単純に、body{background・・・}と外部スタイルシートを一箇所書き直せば良いですよ。
　「空のdivを」は確かに最悪です。

＞HTMLに、違う.htmlに同じidやclassに、または同じidやclassを一括で同じコードを打ちこめる機能何てありませんよね。
　どうしてもなら、高機能なテキストエディタで、該当する箇所を正規表現で検索して該当する箇所があるファイルの該当する場所を取り出せます。

お礼

熱心な回答ありがとうございます。
勉強させていただきます。

空のdivが悪いというのはどこかで見ていたのですが、何故悪いかわらないのと、私が後のために空のdivをテンプレートに置いておく（基本つかわない）手法が好きなために理由を調べた事がありませんでしたので、調べてみようと思います。
回答有難うございました。