ソースフォーマットの適用の振る舞いは、タグ毎に個別にカスタマイズできます。
[操作手順]
→Dreamweaver>環境設定 にアクセスする。
※command+U のショートカットで開けます。
→コードフォーマット>タグライブラリ の順にアクセスする。
→inputタグを選択する。
※今回はinputタグを指定して設定します。(理由は後述)
→改行:改行なし に変更する。
※デフォルト値は、改行:タグの前後
以上で完了です。
[inputタグを改行なしに設定した理由]
Dreamweaverのデフォルトでは、inputタグは改行されます。
改行が原因でデザイン上の不都合が生じることがあります。
例えば、テキストボックスとフォームボタンを横並びで配置するデザインの場合は、以下のように二つのinputタグを併記します。
<input name=”” type=”text” placeholder=”検索キーワードを入力してください” class=”textBox”><input name=”” type=”submit” value=”検索” class=”searchButton”>
ここでソースフォーマットの適用をすると、以下のように改行されます。
ブラウザ上では改行コード=スペースとしてレンダリングされる為、デザイン通りになりません。
<input name=”” type=”text” placeholder=”検索キーワードを入力してください” class=”textBox”>
<input name=”” type=”submit” value=”検索” class=”searchButton”>
ちなみに、aタグについては、デフォルトで改行なしになっています。
[確認環境]
Mac OS X 10.9 Mavericks
Dreamweaver CS4 10.0
この記事を書いた人
新着記事
- 2015.11.27Illustrator[Mac]IllustratorのカラーモードをRGBへ変更する方法
- 2015.11.27IllustratorIllustratorのカラーモードをRGBへ変更する方法
- 2015.11.26Illustrator[Mac]IllustratorのカラーモードをCMYKへ変更する方法
- 2015.11.25IllustratorIllustratorのカラーモードをCMYKへ変更する方法