レイアウト整形

Web Frontier → ソフトウェアのダウンロード → Cross-Talk（シェアウェア）

HTML文書を見やすく整形する機能が当ソフトウェアには含まれています。また、指定した要素に対してインデントが可能です。

変換前のサンプル文書

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title>サンプル文書</title>
</head>
<body>
<h1>見出し1</h1>
<div class="menu">
<ul><li>項目1</li><li>項目2</li><li>項目3</li></ul>
</div>
<address>
Copyright © 1999-2003 Web Frontier.  All rights reserved.<br />
E-MAIL :
<a href="mailto:master@w-frontier.com">master@w-frontier.com</a>
</address>
</body>
</html>

変換後のサンプル文書
適応要素 : div|ul|ol|dl|blockquote|form|table|tr|th|address|head|body
インデント : -1(タブ1つ分)

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
    <title>サンプル文書</title>
</head>
<body>
    <h1>見出し1</h1>
    <div class="menu">
        <ul>
            <li>項目1</li>
            <li>項目2</li>
            <li>項目3</li>
        </ul>
    </div>
    <address>
        Copyright © 1999-2003 Web Frontier.  All rights reserved.<br />
        E-MAIL :
        <a href="mailto:master@w-frontier.com">master@w-frontier.com</a>
    </address>
    </body>
</html>

このようになります。address要素内のテキスト文書もインデントで整形されますが、 preなどの整形用の要素は整形すると表示が変わってしまうためにインデントを施しません。 また、特にインデント要素に指定されていないようなインライン要素はソフトウェアが自動的に解析します。インライン要素はそのまま改行せずにつなげますが、それ以外の要素は基本的に最後に改行を入れます。また、pre要素の他にInternet Explorerや旧HTML規格に基づいている「plaintext」「xmp」「listing」も同様の処理を行います。

↑top