HTML | MoonWing

Amazonで作成したウィジェットではJavascriptが利用されるうえ、HTML構文エラーやデザイン的問題があったので、HTMLで実装してみた。
正しく動作するかまだ確認できてないが、とりあえず検索としてはちゃんと動いてるみたいなのでメモ。
以下、サイドメニューに追加したHTML構文


<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>

マークアップ記号

文字	数値文字参照	文字実体参照	備考
"	"	"	quotation mark = APL quote = 引用符
&	&	&	ampersand = アンパサンド
<	<	<	less-than sign = 不等号（小なり）
>	>	>	greater-than sign = 不等号（大なり）

ISO-8859-1 ラテン

文字	数値文字参照	文字実体参照	備考
			no-break space = non-breaking space = 改行無し空白
¡	¡	¡	inverted exclamation mark = 逆感嘆符
¢	¢	¢	cent sign = セント記号
£	£	£	pound sign = ポンド記号
¤	¤	¤	currency sign = 一般通貨のマーク
¥	¥	¥	yen sign = yuan sign = 円マーク
¦	¦	¦	broken bar = broken vertical bar = 破線垂直バー
§	§	§	section sign = セクション記号
¨	¨	¨	diaeresis = spacing diaeresis = ウムラウト
©	©	©	copyright sign = コピーライト
ª	ª	ª	feminine ordinal indicator = 女性オーディナル
«	«	«	left-pointing double angle quotation mark = left pointing guillemet = 左角引用符
¬	¬	¬	not sign 否定記号
			soft hyphen = discretionary hyphen = ソフトハイフン
®	®	®	registered sign = registered trade mark sign = 登録商標
¯	¯	¯	macron = spacing macron = overline = APL overbar = 長音記号
°	°	°	degree sign = 度記号
±	±	±	plus-minus sign = plus-or-minus sign = プラス・マイナス
²	²	²	superscript two = superscript digit two = squared = 上付き2
³	³	³	superscript three = superscript digit three = cubed = 上付き3
´	´	´	acute accent = spacing acute = アクセント
µ	µ	µ	micro sign = マイクロ記号
¶	¶	¶	pilcrow sign = paragraph sign = 段落記号
·	·	·	middle dot = Georgian comma = Greek middle dot = 中ドット
¸	¸	¸	cedilla = spacing cedilla = セディラ
¹	¹	¹	superscript one = superscript digit one = 上付き1
º	º	º	masculine ordinal indicator = 男性オーディナル
»	»	»	right-pointing double angle quotation mark = right pointing guillemet = 右角引用符
¼	¼	¼	vulgar fraction one quarter = fraction one quarter = 分数4分の1
½	½	½	vulgar fraction one half = fraction one half = 分数2分の1
¾	¾	¾	vulgar fraction three quarters = fraction three quarters = 分数4分の3
¿	¿	¿	inverted question mark = turned question mark = 逆疑問符
À	À	À	latin capital letter A with grave = latin capital letter A grave = 大文字A,グレーブ・アクセント
Á	Á	Á	latin capital letter A with acute = 大文字A,アキュート・アクセント
Â	Â	Â	latin capital letter A with circumflex = 大文字A,サーカムフレックス
Ã	Ã	Ã	latin capital letter A with tilde = 大文字A,チルダ
Ä	Ä	Ä	latin capital letter A with diaeresis = 大文字A,ウムラウト
Å	Å	Å	latin capital letter A with ring above = latin capital letter A ring = 大文字A,リング
Æ	Æ	Æ	latin capital letter AE = latin capital ligature AE = 大文字AE リンゲイチャ
Ç	Ç	Ç	latin capital letter C with cedilla = 大文字C,セディラ
È	È	È	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
Í	Í	Í	latin capital letter I with acute
Î	Î	Î	latin capital letter I with circumflex
Ï	Ï	Ï	latin capital letter I with diaeresis
Ð	Ð	Ð	latin capital letter ETH = 大文字Eth(アイスランド語
Ñ	Ñ	Ñ	latin capital letter N with tilde
Ò	Ò	Ò	latin capital letter O with grave
Ó	Ó	Ó	latin capital letter O with acute
Ô	Ô	Ô	latin capital letter O with circumflex
Õ	Õ	Õ	latin capital letter O with tilde
Ö	Ö	Ö	latin capital letter O with diaeresis
×	×	×	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 = 大文字Thorn(アイスランド語
ß	ß	ß	latin small letter sharp s = ess-zed = 小文字sharp s(ドイツ語
à	à	à	latin small letter a with grave = latin small letter a grave
á	á	á	latin small letter a with acute
â	â	â	latin small letter a with circumflex
ã	ã	ã	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
é	é	é	latin small letter e with acute
ê	ê	ê	latin small letter e with circumflex
ë	ë	ë	latin small letter e with diaeresis
ì	ì	ì	latin small letter i with grave
í	í	í	latin small letter i with acute
î	î	î	latin small letter i with circumflex
ï	ï	ï	latin small letter i with diaeresis
ð	ð	ð	latin small letter eth = 小文字eth(アイスランド語
ñ	ñ	ñ	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
ö	ö	ö	latin small letter o with diaeresis
÷	÷	÷	division sign = 除算記号
ø	ø	ø	latin small letter o with stroke, = latin small letter o slash = 小文字o,スラッシュ
ù	ù	ù	latin small letter u with grave = 小文字u,グレーブ・アクセント
ú	ú	ú	latin small letter u with acute = 小文字u,アキュレート・アクセント
û	û	û	latin small letter u with circumflex = 小文字u,サーカムフレックス
ü	ü	ü	latin small letter u with diaeresis = 小文字u,ウムラウト
ý	ý	ý	latin small letter y with acute = 小文字y,アキュレート・アクセント
þ	þ	þ	latin small letter thorn = 小文字thorn(アイスランド語
ÿ	ÿ	ÿ	latin small letter y with diaeresis = 小文字y,ウムラウト

ラテン拡張

文字	数値文字参照	文字実体参照	備考
Œ	Œ	&OElig;	latin capital ligature OE = ラテン文字の大文字合字 OE
œ	œ	&oelig;	latin small ligature oe = ラテン文字の小文字合字 oe
Š	Š	&Scaron;	latin capital letter S with caron = カロン（caron）付きラテン大文字 S
š	š	&scaron;	latin small letter s with caron = カロン（caron）付きラテン小文字 s
Ÿ	Ÿ	&Yuml;	llatin capital letter Y with diaeresis = 分音符付きラテン大文字 y
ˆ	ˆ	&circ;	modifier letter circumflex accent = 変長音符
˜	˜	&tilde;	small tilde = 小チルダ
ƒ	ƒ	&fnof;	latin small f with hook = function = florin = フック付きの小文字f = 関数 = フロリン

ギリシア文字

文字	数値文字参照	文字実体参照	備考
Α	Α	Α	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
Κ	Κ	Κ	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
Ρ	Ρ	Ρ	greek capital letter rho
Σ	Σ	Σ	greek capital letter sigma
Τ	Τ	Τ	greek capital letter kappa
Υ	Υ	Υ	greek capital letter upsilon
Φ	Φ	Φ	greek capital letter phi
Χ	Χ	Χ	greek capital letter chi
Ψ	Ψ	Ψ	greek capital letter psi
Ω	Ω	Ω	greek capital letter omega
α	α	α	greek small letter alpha
β	β	β	greek small letter beta
γ	γ	γ	greek small letter gamma
δ	δ	δ	greek small letter Delta
ε	ε	ε	greek small letter epsilon
ζ	ζ	ζ	greek small letter zeta
η	η	η	greek small letter eta
θ	θ	θ	greek small letter theta
ι	ι	ι	greek small letter iota
κ	κ	κ	greek small letter kappa
λ	λ	λ	greek small letter lambda
μ	μ	μ	greek small letter mu
ν	ν	ν	greek small letter nu
ξ	ξ	ξ	greek small letter xi
ο	ο	ο	greek small letter omicron
π	π	π	greek small letter pi
ρ	ρ	ρ	greek small letter rho
ς	ς	&sigmaf;	greek small letter final sigma
σ	σ	σ	greek small letter sigma
τ	τ	τ	greek small letter kappa
υ	υ	υ	greek small letter upsilon
φ	φ	φ	greek small letter phi
χ	χ	χ	greek small letter chi
ψ	ψ	ψ	greek small letter psi
ω	ω	ω	greek small letter omega
ϑ	ϑ	&thetasym;	greek small letter theta symbol
ϒ	ϒ	&upsih;	greek upsilon with hook symbol
ϖ	ϖ	ϖ	greek pi symbol

一般記号と国際化用の制御文字

文字	数値文字参照	文字実体参照	備考
		&ensp;	en space
		&emsp;	em space
			thin space
‌	‌	&zwnj;	zero width non-joiner
‍	‍	&zwj;	zero width joiner
‎	‎	&lrm;	left-to-right mark
‏	‏	&rlm;	right-to-left mark
–	–	–	en dash = en ダッシュ
—	—	—	em dash = em ダッシュ
‘	‘	‘	left single quotation mark
’	’	’	right single quotation mark
‚	‚	&sbquo;	single low-9 quotation mark
“	“	“	left double quotation mark
”	”	”	right double quotation mark
„	„	&bdquo;	double low-9 quotation mark
†	†	&dagger;	dagger = 剣標
‡	‡	&Dagger;	double dagger = ダブル剣標
•	•	•	bullet = black small circle
…	…	…	horizontal ellipsis = three dot leader = 水平省略記号
‰	‰	&permil;	per mille sign = パー・マイル記号
′	′	′	prime = minutes = feet = 第1 = 分 = フィート
″	″	″	double prime = seconds = inches = 第2 = 秒 = インチ
‹	‹	&lsaquo;	single left-pointing angle quotation mark = シングル・左角クォーテーション・マーク
›	›	&rsaquo;	single right-pointing angle quotation mark = シングル・右角クォーテーション・マーク
‾	‾	&oline;	overline = spacing overscore = 上線 = スペース付きの上線（オーバースコア）
⁄	⁄	&frasl;	fraction slash = 分数用スラッシュ
€	€	€	euro sign
ℑ	ℑ	&image;	blackletter capital I = imaginary part = ゴシック体の大文字 I
℘	℘	&weierp;	script capital P = power set = Weierstrass p = スクリプト・キャピタル P
ℜ	ℜ	&real;	blackletter capital R = real part symbol = ゴシック体の大文字 R
™	™	™	trade mark sign = 登録商標
ℵ	ℵ	&alefsym;	alef symbol = first transfinite cardinal = アレフ記号
←	←	←	leftwards arrow
↑	↑	↑	uowards arrow
→	→	→	rightwards arrow
↓	↓	↓	downwards arrow
↔	↔	↔	left right arrow
↵	↵	&crarr;	downwards arrow with corner leftwards = carriage return
⇐	⇐	⇐	leftwards double arrow
⇑	⇑	&uArr;	upwards double arrow
⇒	⇒	⇒	rightwards double arrow
⇓	⇓	&dArr;	downwards double arrow
⇔	⇔	⇔	left right double arrow

数学記号

文字	数値文字参照	文字実体参照	備考
∀	∀	∀	for all = 全てについて
∂	∂	∂	partial differential = 微分
∃	∃	∃	there exists = 存在
∅	∅	∅	empty set = null set = diameter = 空集合 = nullセット = 直径
∇	∇	∇	nabla = backward difference = ナブラ = 後方の差分
∈	∈	∈	element of = 右辺の要素である
∉	∉	∉	not an element of = 右辺の要素ではない
∋	∋	&ni;	contains as member = メンバーとして含まれる
∏	∏	∏	n-ary product = product sign = n乗 = 乗算の記号
∑	∑	∑	n-ary sumation = n回加算
−	−	−	minus sign = 減算記号
∗	∗	&lowast;	asterisk operator = アスタリスク演算子
√	√	√	square root = radical sign = 平方根
∝	∝	&prop;	proportional to = 比例
∞	∞	∞	infinity = 無限
∠	∠	&ang;	angle = 角度
∧	∧	&and;	logical and = wedge = 論理積
∨	∨	&or;	logical or = vee = 論理和
∩	∩	∩	intersection = cap = 集合の積
∪	∪	∪	union = cup = 集合の和
∫	∫	∫	integral = 積分
∴	∴	&there4;	therefore = したがって
∼	∼	&sim;	tilde operator = varies with = similar to = チルダ演算子 = 多様性 = 類似性
≅	≅	&cong;	approximately equal to = ほぼ等しい
≈	≈	≈	almost equal to = asymptotic to = ほぼ等しい
≠	≠	≠	not equal to = 不等
≡	≡	&equiv;	identical to = 定義
≤	≤	≤	less-than or equal to = 小さいか等しい
≥	≥	≥	greater-than or equal to = 大きいか等しい
⊂	⊂	⊂	subset of = 左辺は右辺の部分集合
⊃	⊃	⊃	superset of = 左辺は右辺を包含する
⊄	⊄	&nsub;	not a subset of = 部分集合ではない
⊆	⊆	&sube;	subset of or equal to = 部分集合または等しい
⊇	⊇	&supe;	superset of or equal to = 包含集合または等しい
⊕	⊕	&oplus;	circled plus = direct sum = ベクトル和 = 直和
⊗	⊗	&otimes;	circled times = vector product = ベクトル積 = ベクトルの積
⊥	⊥	&perp;	up tack = orthogonal to = perpendicular = 直交 = 直角 = 垂直
⋅	⋅	⋅	dot operator = ドット演算子

数学記号

文字	数値文字参照	文字実体参照	備考
⌈	⌈	&lceil;	left ceiling = apl upstile = 左上限
⌉	⌉	&rceil;	right ceiling = 右上限
⌊	⌊	&lfloor;	left floor = apl downstile = 左下限
⌋	⌋	&rfloor;	right floor = 右下限
⟨	〈	&lang;	left-pointing angle bracket = bra = 左角括弧
⟩	〉	&rang;	right-pointing angle bracket = ket = 右角括弧
◊	◊	&loz;	lozenge = 菱形
♠	♠	&spades;	black spade suit = スペード
♣	♣	&clubs;	black club suit = クラブ = shamrock = シャムロック（三つ葉
♥	♥	&hearts;	black heart suit = ハート = valentine = バレンタイン
♦	♦	&diams;	black diamond suit = ダイヤモンド

MoonWing

画像処理系ソフトウェア工房

「HTML」タグアーカイブ

Zen Coding for Sakura Editorのマクロ設定

AmazonSearchをHTMLで設置する

Zen Coding for Sakura Editor

実体参照

マークアップ記号

ISO-8859-1 ラテン

ラテン拡張

ギリシア文字

一般記号と国際化用の制御文字

数学記号

数学記号