![]()
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 エディター 無料