Home > tag> HTML


Macro set of Zen Coding for Sakura Editor

  • Setting method
    1. ZenCodingForSakuraEditor.zip Download, and unzip it.
      ZenCoding for Sakura Editor の 解凍
    2. I must be installed in a folder macro cherry editor ZenCoding.js.
      (To create a folder called "macro" in the installation folder of cherry editor, we have to copy it in the example.)
    3. [(O) Settings - Open> tab [Macro] -> [(C) ... Common Settings]. (I open even Ctrl + 6.)
    4. And then press the [Browse] button, and then specify the macro folder.
      Reads macro file "ZenCodeing.js" from the drop-down list of [File].
      Enter macro name "ZenCoding" in the Name, and then press the [Settings].
    5. macro setting is reflected, it is set to macro list "ZenCoding" is displayed.
    6. Open the tab [key assignment], and then select the "external macro" in the [(K) type].
      I want the display will indicate "ZenCoding" in [(F) function].
      [Ctrl] + [E] is I run a key in other software, but you assign the [Alt] + [Z] function because other already assigned in Sakura editor.
      Put a check in the check box of the [Alt], select the "Alt + Z" from [(Y) key], then press the [(B) Assignment].
    7. shortcut key setting is reflected, was set to [(G) key that is assigned to a function] "Alt + Z" will be displayed.
      By pressing the [OK], and then to complete the configuration.
  • How to use
    1. Now that we are ready to use in this, let's confirm the operation immediately.
      Let Type: "4s> div> ul> li * 3> a html" in the editor. 動作確認(実行前)
    2. When you are finished, please try to depression has been previously set the [Alt] + [Z] key.
      It is a success HTML statement if expanded.
  • Relevance

Usage has been described in books below for Zen Coding.

ツイート Tweets

I set up in HTML AmazonSearch

After Javascript to be available in the widget that you created in the Amazon, because there was a design problem and HTML syntax error, I tried to implement in HTML.
Note has not yet been confirmed yet it works correctly, but since such like running just fine as a search for the time being.
HTML syntax below, was added to the side menu

<dt>AmazonSearch</dt> <dd> <form action="http://www.amazon.co.jp/exec/obidos/external-search" method="get"> <fieldset> <legend> <label for="AmazonSearchKeyword">Amazon検索</label> </legend> <div> <strong>サーチ:</strong> <select id="searchDropdownBox" style="font-size: 0.8em;" title="次の中からサーチ" name="url"> <option selected="selected" value="search-alias=aps">すべてのカテゴリー</option> <option value="search-alias=stripbooks">和書</option> <option value="search-alias=english-books">洋書</option> <option value="search-alias=dvd">DVD</option> <option value="search-alias=popular">ミュージック</option> <option value="search-alias=classical">クラシック音楽</option> <option value="search-alias=mi">楽器</option> <option value="search-alias=videogames">TVゲーム</option> <option value="search-alias=software">PCソフト</option> <option value="search-alias=electronics">家電&amp;カメラ</option> <option value="search-alias=office-products">文房具・オフィス用品</option> <option value="search-alias=kitchen">ホーム&amp;キッチン</option> <option value="search-alias=food-beverage">食品&amp;飲料</option> <option value="search-alias=hpc">ヘルス&amp;ビューティー</option> <option value="search-alias=beauty">コスメ</option> <option value="search-alias=baby">ベビー&amp;マタニティ</option> <option value="search-alias=toys">おもちゃ</option> <option value="search-alias=apparel">服&ファッション小物</option> <option value="search-alias=shoes">シューズ&バッグ</option> <option value="search-alias=jewelry">ジュエリー</option> <option value="search-alias=watch">時計</option> <option value="search-alias=sporting">スポーツ&amp;アウトドア</option> <option value="search-alias=automotive">カー&バイク用品</option> <option value="search-alias=diy">DIY・工具</option> </select></div> <div> <input id="AmazonSearchKeyword" style="width: 10em; font-size: 0.8em;" name="AmazonSearchKeyword" type="text" /> <input name="tag" type="hidden" value="dambe-22" /> <input name="encoding-string-jp" type="hidden" value="日本語" /> <input style="vertical-align: middle;" name="Go" src="http://wms.assoc-amazon.jp/JP/img/go-rd-sec_tpng.png?tag=dambe-22" type="image" value="Go" /></div> <div> <a href="http://www.amazon.jp/?&amp;camp=759&amp;linkCode=wsw&amp;tag=dambe-22&amp;creative=3867"> <img style="border: none;" src="http://wms.assoc-amazon.jp/JP/img/amazon-logo-b_tpng.png" alt="Amazon.co.jpアソシエイト" /> </a></div></fieldset> </form> </dd> 
ツイート Tweets

Zen Coding for Sakura Editor

Publish only some features, but since has been ported to allow Sakura editor Zen Coding.

I will be able, such as cherry editor below.

Usage has been described in books below for Zen Coding.

ツイート Tweets

Entity reference

Mark-up sign

Character Numeric character references Character entity reference Remarks
" " & Quot; quotation mark = APL quote = quote
& & & Amp; ampersand ampersand =
< < < less-than sign = inequality (less than)
> > > greater-than sign = inequality (greater than)

ISO-8859-1 Latin

Character Numeric character references Character entity reference Remarks
& Nbsp; no-break space = non-breaking space = line break without blank
¡ ¡ ¡ inverted exclamation mark = reverse exclamation point
¢ ¢ ¢ cent sign = cent sign
£ £ £ pound sign = pound sign
¤ ¤ ¤ mark of the currency sign = general currency
¥ ¥ ¥ yen sign = yuan sign = circle mark
| | | broken bar = broken vertical bar = dashed line vertical bar
§ § & Sect; section sign = section sign
¨ ¨ & Uml; diaeresis = spacing diaeresis = umlaut
© © © copyright sign = Copyright
ª ª ª feminine ordinal indicator = women ordinal
« « « left-pointing double angle quotation mark = left pointing guillemet = left corner quotes
¬ ¬ ¬ not sign negative sign
- & Shy; soft hyphen = discretionary hyphen = soft hyphen
® ® ® registered sign = registered trade mark sign = registered trademark
¯ ¯ ¯ macron = spacing macron = overline = APL overbar = dash
° ° ° degree sign = the degree symbol
± ± ± plus-minus sign = plus-or-minus sign = plus or minus
² ² ² superscript two = superscript digit two = squared = superscript 2
³ ³ ³ superscript three = superscript digit three = cubed = superscript 3
' & # 180; ' acute accent = spacing acute = accent
μ μ μ micro sign = micro symbol
pilcrow sign = paragraph sign = paragraph mark
· · · middle dot = Georgian comma = Greek middle dot = medium dot
¸ & # 184; ¸ cedilla = spacing cedilla = cedilla
¹ ¹ ¹ superscript one = superscript digit one = superscript 1
º & # 186; º masculine ordinal indicator = male ordinal
» » » right-pointing double angle quotation mark = right pointing guillemet = right corner quotes
¼ ¼ & Frac14; fourth vulgar fraction one quarter = fraction one quarter = fraction
½ ½ ½ half vulgar fraction one half = fraction one half = fraction
¾ & # 190; ¾ 3/4 vulgar fraction three quarters = fraction three quarters = fraction
¿ ¿ ¿ inverted question mark = turned question mark = reverse question mark
À À À latin capital letter A with grave = latin capital letter A grave = uppercase A, grave accent
Á Á Á latin capital letter A with acute = uppercase A, acute accent
   latin capital letter A with circumflex = uppercase A, circumflex
à à à latin capital letter A with tilde = uppercase A, tilde
Ä Ä Ä latin capital letter A with diaeresis = uppercase A, umlaut
Å Å Å latin capital letter A with ring above = latin capital letter A ring = uppercase A, ring
Æ Æ & AElig; latin capital letter AE = latin capital ligature AE = uppercase AE Ringeicha
Ç Ç Ç latin capital letter C with cedilla = uppercase C, cedilla
È & # 200; È latin capital letter E with grave
É É É latin capital letter E with acute
Ê Ê Ê latin capital letter E with circumflex
Ë Ë Ë latin capital letter E with diaeresis
Ì Ì Ì latin capital letter I with grave
Í Í & Iacute; latin capital letter I with acute
Î Î Î latin capital letter I with circumflex
Ï Ï Ï latin capital letter I with diaeresis
Ð Ð & ETH; latin capital letter ETH = uppercase Eth (Icelandic
Ñ Ñ Ñ latin capital letter N with tilde
Ò Ò Ò latin capital letter O with grave
Ó Ó & Oacute; latin capital letter O with acute
Ô Ô & Ocirc; latin capital letter O with circumflex
Õ Õ Õ latin capital letter O with tilde
Ö Ö Ö latin capital letter O with diaeresis
× × × multiplication sign = multiplication sign
Ø Ø Ø latin capital letter O with stroke = latin capital letter O slash
Ù Ù Ù latin capital letter U with grave
Ú Ú Ú latin capital letter U with acute
Û Û Û latin capital letter U with circumflex
Ü Ü Ü latin capital letter U with diaeresis
Ý Ý Ý latin capital letter Y with acute
Þ Þ Þ latin capital letter THORN = uppercase Thorn (Icelandic
ß & # 223; ß latin small letter sharp s = ess-zed = lowercase sharp s (German
à à à latin small letter a with grave = latin small letter a grave
á á á latin small letter a with acute
â â â latin small letter a with circumflex
ã & # 227; ã latin small letter a with tilde
ä ä ä latin small letter a with diaeresis
å å å latin small letter a with ring above = latin small letter a ring
æ æ æ latin small letter ae = latin small ligature ae
ç ç ç latin small letter c with cedilla
è è è latin small letter e with grave
é é & Eacute; latin small letter e with acute
ê ê ê latin small letter e with circumflex
ë ë ë latin small letter e with diaeresis
ì ì ì latin small letter i with grave
í & # 237; í latin small letter i with acute
î î î latin small letter i with circumflex
ï ï ï latin small letter i with diaeresis
ð ð ð latin small letter eth = lowercase eth (Icelandic
ñ ñ ñ latin small letter n with tilde
ò ò ò latin small letter o with grave
ó ó ó latin small letter o with acute
ô ô ô latin small letter o with circumflex
õ õ õ latin small letter o with tilde
ö & # 246; ö latin small letter o with diaeresis
÷ ÷ ÷ division sign = division symbol
ø ø & Oslash; latin small letter o with stroke, = latin small letter o slash = lowercase o, slash
ù ù ù latin small letter u with grave = lowercase u, grave accent
ú ú ú latin small letter u with acute = lowercase u, accurate accent
û û û latin small letter u with circumflex = lowercase u, circumflex
ü ü ü latin small letter u with diaeresis = lowercase u, umlaut
ý ý ý latin small letter y with acute = lowercase y, accurate accent
þ þ þ latin small letter thorn = lowercase thorn (Icelandic
ÿ ÿ ÿ latin small letter y with diaeresis = lowercase y, umlaut

Latin Extended

Character Numeric character references Character entity reference Remarks
ΠΠΠuppercase OE ligature of latin capital ligature OE = Latin
œ œ œ lowercase ligature oe of latin small ligature oe = Latin
Š Š Š latin capital letter S with caron = Karon (caron) with Latin capital letter S
š š š latin small letter s with caron = Karon (caron) with Latin small letter s
Ÿ Ÿ Ÿ llatin capital letter Y with diaeresis = diaeresis with Latin capital letter y
& Circ; modifier letter circumflex accent = strange Choonpu
~ ~ ~ small tilde = small tilde
ƒ ƒ ƒ lowercase f = function = Florin of latin small f with hook = function = florin = hook


Character Numeric character references Character entity reference Remarks
Α Α Α greek capital letter alpha
Β Β Β greek capital letter beta
Γ Γ Γ greek capital letter gamma
Δ Δ Δ greek capital letter Delta
Ε Ε Ε greek capital letter epsilon
Ζ Ζ Ζ greek capital letter zeta
Η Η Η greek capital letter eta
Θ Θ Θ greek capital letter theta
Ι Ι Ι greek capital letter iota
Κ Κ & Kappa; greek capital letter kappa
Λ Λ Λ greek capital letter lambda
Μ Μ Μ greek capital letter mu
Ν Ν Ν greek capital letter nu
Ξ Ξ Ξ greek capital letter xi
Ο Ο Ο greek capital letter omicron
Π Π Π greek capital letter pi
Ρ & # 929; & Rho; greek capital letter rho
Σ Σ Σ greek capital letter sigma
Τ Τ Τ greek capital letter kappa
Υ Υ Υ greek capital letter upsilon
Φ Φ Φ greek capital letter phi
Χ Χ Χ greek capital letter chi
Ψ Ψ & Psi; greek capital letter psi
Ω Ω Ω greek capital letter omega
α α α greek small letter alpha
β β β greek small letter beta
γ γ γ greek small letter gamma
δ δ δ greek small letter Delta
ε & # 949; ε greek small letter epsilon
ζ ζ ζ greek small letter zeta
η η η greek small letter eta
θ θ θ greek small letter theta
ι ι ι greek small letter iota
κ κ κ greek small letter kappa
λ λ & Lambda; greek small letter lambda
μ & # 956; μ greek small letter mu
ν ν ν greek small letter nu
ξ ξ ξ greek small letter xi
ο & # 959; ο greek small letter omicron
π π π greek small letter pi
ρ ρ ρ greek small letter rho
ς & # 962; & Sigmaf; greek small letter final sigma
σ σ σ greek small letter sigma
τ τ τ greek small letter kappa
υ υ & Upsilon; greek small letter upsilon
φ φ φ greek small letter phi
χ χ χ greek small letter chi
ψ ψ ψ greek small letter psi
ω ω ω greek small letter omega
θ & # 977; & Thetasym; greek small letter theta symbol
Υ & # 978; & Upsih; greek upsilon with hook symbol
π π π greek pi symbol

Control characters for internationalization and general symbol

Character Numeric character references Character entity reference Remarks
en space
em space
& # 8201; thin space
& # 8204; & Zwnj; zero width non-joiner
& # 8205; & Zwj; zero width joiner
& # 8206; & Lrm; left-to-right mark
& # 8207; & Rlm; right-to-left mark
- - - en dash = en dash
- - & Mdash; em dash = em dash
' ' ' left single quotation mark
' ' ' right single quotation mark
, & # 8218; & Sbquo; single low-9 quotation mark
" & # 8220; " left double quotation mark
" " & Rdquo; right double quotation mark
" & # 8222; & Bdquo; double low-9 quotation mark
dagger = Kenshirube
double dagger = double Kenshirube
bullet = black small circle
... & # 8230; ... horizontal ellipsis = three dot leader = horizontal ellipsis
per mille sign = Per-mile sign
' ' ' prime = minutes = feet = first = minutes = feet
" " & Prime; double prime = seconds = inches = second = seconds = inches
< & # 8249; & Lsaquo; single left-pointing angle quotation mark = left corner single quotation marks
> & # 8250; & Rsaquo; single right-pointing angle quotation mark = right corner single quotation marks
~ & # 8254; & Oline; top line of overline = spacing overscore = overline = Space (over score)
/ & # 8260; & Frasl; fraction slash = fraction for slash
& # 8364; euro sign
uppercase I of blackletter capital I = imaginary part = Gothic
script capital P = power set = Weierstrass p = script capital P
uppercase R of blackletter capital R = real part symbol = Gothic
trade mark sign = registered trademark
& # 8501; & Alefsym; alef symbol = first transfinite cardinal = Aleph symbol
leftwards arrow
uowards arrow
rightwards arrow
downwards arrow
left right arrow
& # 8629; & Crarr; downwards arrow with corner leftwards = carriage return
leftwards double arrow
& UArr; upwards double arrow
rightwards double arrow
downwards double arrow
left right double arrow

Mathematical symbol

Character Numeric character references Character entity reference Remarks
& # 8704; For for all = all
partial differential = differential
there exists = exists
empty set = null set = diameter = empty set = null set = diameter
& Nabla; the difference between the nabla = backward difference = backward nabla =
& Isin; it is an element of the right-hand side element of =
is not an element of not an element of = right-hand side
included as contains as member = member
Π Π Π symbol of multiplication = multiply n-ary product = product sign = n
Σ & # 8721; Σ n-ary sumation = n times adding
- - - minus sign = subtraction sign
* * * asterisk operator = asterisk operator
square root = radical sign = square root
α α α proportional to = proportional
& Infin; infinity = infinity
angle = angle
logical and = wedge = logical AND
logical or = vee = logical OR
the product of the intersection = cap = set
the sum of the union = cup = set
integral = integral
& # 8756; & There4; Thus therefore =
~ ~ ~ tilde operator = varies with = similar to = tilde operator = diversity = similarity
approximately equal approximately equal to =
approximately equal almost equal to = asymptotic to =
not equal to = unequal
& # 8801; identical to = definition
and equal to or smaller less-than or equal to =
& Ge; The Greater than or equal to greater-than or equal to =
& Sub; subset of = left-hand side is a subset of the right-hand side
& Sup; superset of = left-hand side includes the right-hand side
not a not a subset of = subset
& Sube; equal or subset of or equal to = subset
& # 8839; equal or superset of or equal to = containment set
circled plus = direct sum = vector sum = direct sum
the product of the circled times = vector product = vector product vector =
up tack = orthogonal to = perpendicular = orthogonal to = perpendicular = vertical
dot operator = dot operator

Mathematical symbol

Character Numeric character references Character entity reference Remarks
left ceiling = apl upstile = left upper limit
right ceiling = right upper limit
left floor = apl downstile = left lower
right floor = right lower
< & # 9001; & Lang; left-pointing angle bracket = bra = left square bracket
> & # 9002; & Rang; right-pointing angle bracket = ket = right square bracket
& Loz; lozenge = diamond
black spade suit = spade
& # 9827; & Clubs; black club suit = Club = shamrock = Shamrock (trefoil
& # 9829; & Hearts; black heart suit = Heart = valentine = Valentine
& # 9830; black diamond suit = diamond
ツイート Tweets

Home > tag> HTML

Japanese flagEnglish flag

I return to the top of the page