HTMLビューアーのおすすめは?

HTMLビューアーのおすすめは?

HTMLビューアーには、次のようなものがあります。

ビューアー名 説明
HTML Viewer シンプルなHTMLビューアで、軽量で素早くHTMLファイルを表示できます。
JavaScript Anywhere JSAnywhere JavaScriptのエディタとビューアが一体化したツールです。
ファイル変換 (Document Converter) 様々なファイル形式をHTMLに変換できるコンバータツールです。
VestMail 簡単にHTMLメールを作成・編集・プレビューできるツールです。
楽天ドライブ - 転送・保存 オンラインでファイルを保管・転送できるサービスで、HTMLファイルのプレビューも可能です。
XML Viewer Converter JSON PDF XMLファイルを表示し、JSONやPDFに変換する機能を持つツールです。

HTMLエディタの紹介

また、HTMLエディタには、次のようなものがあります。

エディタ名 説明
Brackets Live Preview機能を備えたオープンソースのHTMLエディタです。
Atom GitHubによって開発されたモダンなエディタで、拡張機能が豊富です。
CotEditor 日本製の軽量で使いやすいエディタです。
Visual Studio Code Microsoftが提供する強力なコードエディタで、多くの拡張機能に対応しています。
Online HTML EDITOR ブラウザ上で動作するHTMLエディタで、インストール不要です。
Sublime Text 高速で豊富な機能を持つテキストエディタで、開発者に人気があります。
Notepad++ シンプルかつ強力なWindows用のテキストエディタです。
CodePen オンラインのエディタで、HTML、CSS、JavaScriptのプレビューが可能です。

HTMLエディタにはプレビュー機能が備わっているものがあり、記述した内容に誤りがないか確認しながらコードの記述を進めることができます。

デベロッパーツールの利用

また、ホームページのHTMLを確認するには、デベロッパーツールを使う方法もあります。Google Chromeであれば、該当のホームページで右クリックして「検証」をクリックして開くか、F12で開くことができます。

HTMLコード例

        <!DOCTYPE html>
        <html lang="ja">
        <head>
            <meta charset="UTF-8">
            <title>サンプル</title>
        </head>
        <body>
            <h1>これはサンプルの見出しです</h1>
            <p>これはサンプルの段落です。</p>
        </body>
        </html>
    

その他の参考記事:html エディター 無料