タグ: HTML

Emmet

省略記法を使った HTML 記述機能を提供する Emmet の Sublime Text 用パッケージ。

ちなみに Emmet は以前は「 Zen-Coding 」と呼ばれていました。

HTML Snippets

HTML 記述用のスニペットをいくつか提供するパッケージです。

私が( 2017 年 10 月に)確認した範囲では以下のパターンが登録されています。

  • a a タグ
  • comm コメント
  • cond if 節
  • doctype HTML 全体
  • dummy ダミーテキスト
  • fig figure タグ
  • ga Google Analytics タグ
  • ga2 Google Analytics タグ
  • img img タグ
  • jquery Google APIs の jQuery
  • lorem ダミーテキスト
  • meta charset や viewport などの共通メタタグ
  • nav nav タグ( inline-block 用)
  • nav2 nav タグ
  • ol ol タグ
  • script script タグ
  • shiv html5shiv
  • style style タグ
  • ul ul タグ
  • inp:text 以下は各タイプの input タグ
  • inp:tel
  • inp:radio
  • inp:check
  • inp:email
  • inp:pass
  • inp:submit

Emmet と共存させて利用する場合は Emmet 側に設定が必要です。

HTML-CSS-JS Prettify

HTML と CSS 、 JavaScript ファイル用の整形機能を提供するパッケージです。

HTML5

HTML 4.1 ではなく HTML5 に対応した HTML ファイル用のシンタックスハイライトとスニペットを提供するパッケージです。

HTMLAttributes

HTML のタグの属性(アトリビュート)の入力を楽にしてくれる補完パターンを提供するパッケージです。

100 を越える属性パターンに対応しています。

HTMLBeautify

HTML のインデントを整形するコマンドを提供するパッケージ。

ピュア Python で書かれており外部のコマンドなどを必要としないため、インストールしてすぐに使い始めることができます。

Jade

JavaScript で動く HTML 生成のためのテンプレートエンジン「 Jade 」をサポートするためのパッケージです。

シンタックスハイライト機能と入力補完機能を提供しています。

Sublime​Linter-html-tidy

SublimeLinter プラグイン。 tidy または tidy5 を使って HTML のコードチェックを行う機能を提供します。