HTML

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> 

Zen Coding을 사쿠라 편집기에서 수행할 수 있도록 일부 기능 뿐이지만 이식 했으므로 공개합니다.

• 설정 방법
  1. ZenCodingForSakuraEditor.zip 를 다운로드하여 압축을 풉니다.
     
  2. ZenCoding.js를 사쿠라 편집기의 매크로 폴더에 설치합니다.
     (예제에서는 사쿠라 편집기 설치 폴더에 "macro"라는 폴더를 만들고 거기에 복사합니다.)
     
  3. 설정 (O) -> 일반 설정 (C) ...] -> 탭 매크로를 엽니다. (Ctrl +6에서도 열 수 있습니다.)
     
  4. 찾아보기를 누르면 다음 매크로 폴더 설정합니다.
     [File 드롭 다운 목록에서 매크로 파일 "ZenCodeing.js"의로드합니다.
     이름에 매크로 이름 "ZenCoding"를 입력한 다음 설정을 누르면됩니다.
     
  5. 설정이 적용되면 매크로 목록에 설정 매크로 "ZenCoding"가 표시됩니다.
     
  6. 탭 키 할당을 열고 종류 (K)에서 "외부 매크로"를 선택합니다.
     기능 (F)에 "ZenCoding"가 표시되므로 선택합니다.
     다른 소프트웨어는 [Ctrl] + [E]가 실행 키 입니다만, 사쿠라 편집기에서 이미 다른 기능을 할당할 수 있기 때문에 [Alt] + [Z]를 할당합니다.
     [Alt]의 체크 박스에 체크하고 [키 (Y)]에서 "Alt + Z"를 선택하고 할당 (B)를 누르면됩니다.
     
  7. 설정이 적용되면 기능이 할당된 키 (G)로 설정 단축키 "Alt + Z"가 표시됩니다.
     [OK]를 누르면하여 설정을 완료합니다.
     
• 사용
  1. 이제 사용할 준비가 있었으므로, 조속히 동작 확인을 해 봅시다.
     편집기에 "html : 4s> div> ul> li * 3> a"를 입력하여 봅시다.
  2. 입력이 완료되면 이전에 설정한 [Alt] + [Z] 키를 누르고보세요.
     HTML 문장이 전개되면 성공입니다.
     
• 관련
  • Zen Coding 공식 사이트
  • 사쿠라 편집기 공식 사이트
  • JS 매크로가 움직이지 않는 경우

마크업 기호

문자	숫자 참조	글자 엔티티 참조	비고
"	"	"	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 =에 대하여
º	º	º	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, 움라우트

라틴 확장

문자	숫자 참조	글자 엔티티 참조	비고
Œ	Œ	Œ	latin capital ligature OE = 라틴 대문자 합자 OE
œ	œ	œ	latin small ligature oe = 라틴어 소문자 합자 oe
Š	Š	Š	latin capital letter S with caron = 카론 (caron)가 라틴 대문자 S
š	š	š	latin small letter s with caron = 카론 (caron)가 라틴어 소문자 s
Ÿ	Ÿ	Ÿ	llatin capital letter Y with diaeresis = 분 음표있는 라틴 대문자 y
			modifier letter circumflex accent = 이상 長音符
~	~	~	small tilde = 작은 물결
ƒ	ƒ	ƒ	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
ς	ς	ς	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
θ	θ	θ	greek small letter theta symbol
Υ	Υ	Υ	greek upsilon with hook symbol
π	π	π	greek pi symbol

일반 기호 및 국제화 제어 문자

문자	숫자 참조	글자 엔티티 참조	비고
			en space
			em space
			thin space
			zero width non-joiner
			zero width joiner
			left-to-right mark
			right-to-left mark
-	-	-	en dash = en 대시
-	-	-	em dash = em 대시
'	'	'	left single quotation mark
'	'	'	right single quotation mark
,	,	,	single low-9 quotation mark
"	"	"	left double quotation mark
"	"	"	right double quotation mark
"	"	"	double low-9 quotation mark
†	†	†	dagger = 검 표준
‡	‡	‡	double dagger = 더블 검 표준
•	•	•	bullet = black small circle
...	...	...	horizo​​ntal ellipsis = three dot leader = 수평 줄임표
‰	‰	‰	per mille sign = 파 마일즈 기호
'	'	'	prime = minutes = feet = 1 = 분 = 피트
"	"	"	double prime = seconds = inches = 2 = 초 = 인치
<	<	<	single left-pointing angle quotation mark = 단일 여는 따옴표 마크
>	>	>	single right-pointing angle quotation mark = 단일 오른쪽 인용 마크
~	~	~	overline = spacing overscore = 윗줄 = 스페이스가있는 윗줄 (오버 점수)
/	/	/	fraction slash = 분수에 슬래시
€	€	€	euro sign
ℑ	ℑ	ℑ	blackletter capital I = imaginary part = 고딕체 대문자 I
℘	℘	℘	script capital P = power set = Weierstrass p = 스크립트 캐피탈 P
ℜ	ℜ	ℜ	blackletter capital R = real part symbol = 고딕체 대문자 R
™	™	™	trade mark sign = 등록 상표
ℵ	ℵ	ℵ	alef symbol = first transfinite cardinal = 알레프 기호
←	←	←	leftwards arrow
↑	↑	↑	uowards arrow
→	→	→	rightwards arrow
↓	↓	↓	downwards arrow
↔	↔	↔	left right arrow
↵	↵	↵	downwards arrow with corner leftwards = carriage return
⇐	⇐	⇐	leftwards double arrow
⇑	⇑	⇑	upwards double arrow
⇒	⇒	⇒	rightwards double arrow
⇓	⇓	⇓	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 = 우변의 요소가 아닌
∋	∋	∋	contains as member = 구성원으로 포함
Π	Π	Π	n-ary product = product sign = n 제곱 = 곱하기 기호
Σ	Σ	Σ	n-ary sumation = n 번 더하기
-	-	-	minus sign = 빼기 기호
*	*	*	asterisk operator = 별표 연산자
√	√	√	square root = radical sign = 제곱근
α	α	α	proportional to = 비례
∞	∞	∞	infinity = 무한
∠	∠	∠	angle = 각도
∧	∧	∧	logical and = wedge = 논리적
∨	∨	∨	logical or = vee = 논리합
∩	∩	∩	intersection = cap = 집합의 곱
∪	∪	∪	union = cup = 집합의 합
∫	∫	∫	integral = 적분
∴	∴	∴	therefore = 따라서
~	~	~	tilde operator = varies with = similar to = 물결표 연산자 = 다양성 = 유사성
≅	≅	≅	approximately equal to = 거의 같음
≈	≈	≈	almost equal to = asymptotic to = 거의 같음
≠	≠	≠	not equal to = 부등
≡	≡	≡	identical to = 정의
≤	≤	≤	less-than or equal to = 작거나 같음
≥	≥	≥	greater-than or equal to = 크거나 같음
⊂	⊂	⊂	subset of = 좌변은 우변의 부분 집합
⊃	⊃	⊃	superset of = 좌변은 우변을 포함하는
⊄	⊄	⊄	not a subset of = 부분 집합이 아닌
⊆	⊆	⊆	subset of or equal to = 부분 집합 또는 동일
⊇	⊇	⊇	superset of or equal to = 용기 집합 또는 동일
⊕	⊕	⊕	circled plus = direct sum = 벡터 和 = 直和
⊗	⊗	⊗	circled times = vector product = 벡터 곱 = 벡터의 곱
⊥	⊥	⊥	up tack = orthogonal to = perpendicular = 직교 = 직각 = 수직
⋅	⋅	⋅	dot operator = 도트 연산자

수학 기호

문자	숫자 참조	글자 엔티티 참조	비고
⌈	⌈	⌈	left ceiling = apl upstile = 왼쪽 상한
⌉	⌉	⌉	right ceiling = 오른쪽 제한
⌊	⌊	⌊	left floor = apl downstile = 왼쪽 하한
⌋	⌋	⌋	right floor = 오른쪽 하한
<	<	<	left-pointing angle bracket = bra = 왼쪽 괄호
>	>	>	right-pointing angle bracket = ket = 오른쪽 괄호
◊	◊	◊	lozenge = 다이아몬드
♠	♠	♠	black spade suit = 스페이드
♣	♣	♣	black club suit = 클럽 = shamrock = 토끼풀 (세잎
♥	♥	♥	black heart suit = 하트 = valentine = 발렌타인
♦	♦	♦	black diamond suit = 다이아몬드