kledgeb UbuntuやLinuxの最新情報を紹介

Ubuntu GMate その45 - HTMLで利用できる略記の一覧（Zen Codingプラグイン）

HTMLで利用できる略記の一覧

  HTMLで利用できる略記の一覧です。


条件付きコメント

  条件付きコメントの略記一覧です。


略記 展開される内容
cc:ie6 <!--[if lte IE 6]>
  
<![endif]-->
cc:ie <!--[if IE]>
  
<![endif]-->
cc:noie <!--[if !IE]><!-->
  
<!--<![endif]-->

DOCTYPE/html

  DOCTYPEやhtmlの略記一覧です。

略記 展開される内容
html:4t <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title></title>
</head>
<body>
  
</body>
</html>
html:4s <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title></title>
</head>
<body>
  
</body>
</html>
html:xt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
</head>
<body>
  
</body>
</html>
html:xs <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
</head>
<body>
  
</body>
</html>
html:xxs <!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=UTF-8" />
    <title></title>
</head>
<body>
  
</body>
</html>
html:5 <!DOCTYPE HTML>
<html lang="ja-JP">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
  
</body>
</html>

要素

  要素の略記一覧です。
  この一覧にない任意の要素も利用できます。

  meta要素


略記 展開される内容
meta:utf <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
meta:win <meta http-equiv="Content-Type" content="text/html;charset=Win-1251" />
meta:compat <meta http-equiv="X-UA-Compatible" content="IE=7" />

  link要素


略記 展開される内容
link <link rel="stylesheet" href="" />
link:css <link rel="stylesheet" type="text/css" href="style.css" media="all" />
link:print <link rel="stylesheet" type="text/css" href="print.css" media="print" />
link:favicon <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
link:touch <link rel="apple-touch-icon" href="favicon.png" />
link:rss <link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml" />
link:atom <link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" />

  a要素


略記 展開される内容
a <a href=""></a>
a:link <a href="http://"></a>
a:mail <a href="mailto:"></a>

  bdo要素


略記 展開される内容
bdo <bdo dir=""></bdo>
bdo:r <bdo dir="rtl"></bdo>
bdo:l <bdo dir="ltr"></bdo>

  area要素


略記 展開される内容
area <area shape="" coords="" href="" alt="" />
area:d <area shape="default" href="" alt="" />
area:c <area shape="circle" coords="" href="" alt="" />
area:r <area shape="rect" coords="" href="" alt="" />
area:p <area shape="poly" coords="" href="" alt="" />

  form要素


略記 展開される内容
form <form action=""></form>
form:get <form action="" method="get"></form>
form:post <form action="" method="post"></form>

  script要素


略記 展開される内容
script <script type="text/javascript"></script>
script:src <script type="text/javascript" src=""></script>

  input要素


略記 展開される内容
input <input type="" />
input:hidden <input type="hidden" name="" />
input:h <input type="hidden" name="" />
input:text <input type="text" name="" id="" />
input:t <input type="text" name="" id="" />
input:search <input type="search" name="" id="" />
input:email <input type="email" name="" id="" />
input:url <input type="url" name="" id="" />
input:password <input type="password" name="" id="" />
input:p <input type="password" name="" id="" />
input:datetime <input type="datetime" name="" id="" />
input:date <input type="date" name="" id="" />
input:datetime-local <input type="datetime-local" name="" id="" />
input:month <input type="month" name="" id="" />
input:week <input type="week" name="" id="" />
input:time <input type="time" name="" id="" />
input:number <input type="number" name="" id="" />
input:color <input type="color" name="" id="" />
input:checkbox <input type="checkbox" name="" id="" />
input:c <input type="checkbox" name="" id="" />
input:radio <input type="radio" name="" id="" />
input:r <input type="radio" name="" id="" />
input:range <input type="range" name="" id="" />
input:file <input type="file" name="" id="" />
input:f <input type="file" name="" id="" />
input:submit <input type="submit" value="" />
input:s <input type="submit" value="" />
input:image <input type="image" src="" alt="" />
input:i <input type="image" src="" alt="" />
input:reset <input type="reset" value="" />
input:button <input type="button" value="" />
input:b <input type="button" value="" />

  menu要素


略記 展開される内容
menu:context <menu type="context"></menu>
menu:c <menu type="context"></menu>
menu:toolbar <menu type="toolbar"></menu>
menu:t <menu type="toolbar"></menu>

  その他の要素


略記 展開される内容
abbr <abbr title=""></abbr>
acronym <acronym title=""></acronym>
base <base href="" />
style <style type="text/css"></style>
img <img src="" alt="" />
iframe <iframe src="" frameborder="0"></iframe>
embed <embed src="" type="" />
object <object data="" type=""></object>
param <param name="" value="" />
map <map name=""></map>
label <label for=""></label>
select <select name="" id=""></select>
option <option value=""></option>
textarea <textarea name="" id="" cols="30" rows="10"></textarea>
video <video src=""></video>
audio <audio src=""></audio>
html:xml <html xmlns="http://www.w3.org/1999/xhtml"></html>
bq <blockquote></blockquote>
acr <acronym></acronym>
fig <figure></figure>
ifr <iframe></iframe>
cap <caption></caption>
obj <object></object>
src <source></source>
colg <colgroup></colgroup>
fst <fieldset></fieldset>
btn <button></button>
optg <optgroup></optgroup>
opt <option></option>
tarea <textarea></textarea>
leg <legend></legend>
sect <section></section>
art <article></article>
hdr <header></header>
ftr <footer></footer>
adr <address></address>
dlg <dialog></dialog>
str <strong></strong>
prog <progress></progress>
fset <fieldset></fieldset>
datag <datagrid></datagrid>
datal <datalist></datalist>
out <output></output>
det <details></details>
ol+ <ol>
    <li></li>
</ol>
ul+ <ul>
    <li></li>
</ul>
dl+ <dl>
    <dt></dt>
    <dd></dd>
</dl>
map+ <map name="">
    <area shape="" coords="" href="" alt="" /></map>
table+ <table>
     <tr>
         <td></td>
     </tr>
 </table>
tr+ <tr>
    <td></td>
</tr>
select+ <select name="" id="">
    <option value=""></option></select>
optgroup+ <optgroup>
    <option value=""></option>
</optgroup>
optg+ <optgroup>
    <option value=""></option>
</optgroup>


gedit-gmate
スポンサー
コメント
コメントポリシー
コメントをする前に UbuntuのCode of Conduct（CoC/行動規範） を確認し、CoCに沿ったコメントをお願いします。
コメントの使い方は、コメントの使い方を参照してください。
同一カテゴリーの記事
SNS
人気の記事
  • Ubuntu 22.04 その98 - 入力ソースとキーボートレイアウトと日本語入力のカスタマイズ
    入力ソースとキーボートレイアウトと日本語入力 「Ubuntu」ではユーザーが利用しているキーボードレイアウトや日本語入力のカスタマイズが可能です。
  • Ubuntu 22.04 LTSのインストール その5 - UEFI環境でパーティションの作成と構成 〜 ブートローダーのインストール先の選択
    UEFI環境でパーティションの作成と構成を行う UEFI環境でパーティションの作成と構成を行います。
  • Ubuntu 22.04 その120 - UbuntuのブートローダーをBoot Repairで修復するには・Ubuntuが起動しないトラブルを解決
    UbuntuのブートローダーをBoot Repairで修復するには 「Boot Repair」はOSのブートローダーに起因するOSが起動しない問題を簡単に解決してくれるアプリです。
  • Ubuntu 22.04 その79 - 画面ロックの有効・無効を設定するには・画面ロック時の設定をカスタマイズするには
    画面ロックの有効・無効を設定するには 一定時間ユーザーによる操作がない時に、自動的に画面をロックしパスワードで保護したり、画面をブランク状態にできます。
  • Ubuntu 22.04 その95 - ディスプレイサーバーを切り替えるには・XorgとWayland
    ディスプレイサーバーを切り替えるには 「Ubuntu」はデフォルトで2種類のディスプレイサーバーを提供しています。
  • VirtualBox その125 - ゲストOSのUbuntuにLinux Guest Additionsをインストールするには
    ゲストOSのUbuntuにLinux Guest Additionsをインストールするには 仮想マシンにインストールしたゲストOSの「Ubuntu」に、「Linux Guest Additions」をインストールする方法です。
  • .NET その165 - .NET Core 3.1.19がリリースされました・.NET Core 3.1をインストールするには
    .NET Core 3.1.19がリリースされました 2021年9月14日、「.NET Core 3.1.19」がリリースされました。
  • Ubuntuのバージョンと開発コードの対応表
    UbuntuのバージョンとUbuntuの開発コード 「Ubuntu」には各バージョンごとに開発コードが設定されます。
  • Ubuntu 22.04 その64 - Windows/Linux/macOSでUbuntu 22.04 LTSのライブUSBメモリーを作るには
    Ubuntu 22.04 LTSのライブUSBメモリーを作る方法 Windows/Linux/macOSでPC向け「Ubuntu 22.04 LTS」のライブUSBメモリーを作る方法を紹介します。
  • Ubuntu 20.04 その74 - UbuntuとUEFIセキュアブート
    UbuntuとUEFIセキュアブート 「Ubuntu」と「UEFIセキュアブート」に関するお話です。
記事のピックアップ
オプション