[B! HTML] ihagã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ihag id:ihag

HTMLã«é–¢ã™ã‚‹ihagã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

CSS ãƒ¡ãƒ‹ãƒ¥ãƒ¼æ¨ªä¸¦ã³ãƒœã‚¿ãƒ³ - 3ping.org
2007-01/20æ›´æ–°ã—ã¾ã—ãŸã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ç›´ã—ã¦ãƒœã‚¿ãƒ³åŒ–ã®æ–¹æ³•ã‚’å¤‰ãˆã¾ã—ãŸã€‚åŸºæœ¬CSSãƒœã‚¿ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨åŒã˜æ–¹æ³•ã§ã€floatã¨floatã«ã‚ˆã‚‹ã‚¯ãƒªã‚¢ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã®ã‚³ãƒ¼ãƒ‰ã‚‚å«ã‚ã¾ã—ãŸã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ã‚³ãƒ”ãƒšã§å•é¡Œãªãä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ å¤‰æ›´ç‚¹ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ floatã‚’ã‚¯ãƒªã‚¢ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚‚å«ã‚ãŸã€‚ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«ã¯MacIEã«å¯¾å¿œã™ã‚‹å ´åˆã®è¿½åŠ ã‚³ãƒ¼ãƒ‰ã‚‚è¨˜è¿° aè¦ç´ ã«widthã‚’æŒ‡å®šã—ã¦ã„ãŸã®ã‚’ã€è¦ªè¦ç´ ã«å¤‰æ›´ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€aè¦ç´ ã«ã¯å·¦å³ã«paddingãŒæŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ HTMLå´ã§ulã¨liã®ã‚»ãƒƒãƒˆã®ã¿ã§ãƒœã‚¿ãƒ³åŒ–ã§ãã‚‹ã‚ˆã†ã«ã—ãŸã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®è¨˜è¿°é †åºã‚’å¤‰æ›´ <ul id="globalNavi"> <li><a href="./">List1</a></li> <li><a href="./">List2</a></li> <li><a href="./">Lis
ihag 2009/10/15
HTML

CSS

Tutorial
ãƒªãƒ³ã‚¯
http://www.stylish-style.com/csstec/csstec-top.html
ihag 2009/10/15
HTML

CSS

Tutorial
ãƒªãƒ³ã‚¯
ã¡ã‚‡ã£ã¨è©³ã—ã„HTMLã¨CSS -- è„±åˆå¿ƒè€…ã‚’ã‚ã–ã™äººã®ãŸã‚ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆè¬›åº§
ã¡ã‚‡ã£ã¨è©³ã—ã„HTMLã¨CSS HTMLã¨CSSã‚’é§†ä½¿ã—ã¦æ ¼å¥½ã„ã„ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ã¤ãã‚ŠãŸã„ï¼ãã®ãŸã‚ã«å¿…è¦ãªã“ã¨ã‚’é †ç•ªã«èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ æ¥½ã«ã€è¦‹æ „ãˆã®ã‚ˆã„ãƒšãƒ¼ã‚¸ã‚’ã¤ãã‚ŠãŸã„äººã¯ã€ã“ã®è¬›åº§ã§æ£ã—ã„HTMLã¨CSSã®çŸ¥è˜ã‚’èº«ã«ã¤ã‘ã¦ãã ã•ã„ã€‚
ihag 2009/10/15
HTML

CSS

Tutorial
ãƒªãƒ³ã‚¯
ã”ãç°¡å˜ãªHTMLã®èª¬æ˜Ž
HTMLã¯æœ¬æ¥ç°¡å˜ã§ä¾¿åˆ©ãªã‚‚ã®ã§ã™ã€‚ã€Œ30åˆ†é–“HTMLå…¥é–€ã€ã§åŸºæœ¬ã¯ååˆ†ã€‚ã¾ãšã‚·ãƒ³ãƒ—ãƒ«ã«è‡ªåˆ†ã®æƒ…å ±ã‚’è¡¨ç¾ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee ç°¡å˜ãªHTMLã®èª¬æ˜Ž å°‘ã—è©³ã—ã„HTMLã®èª¬æ˜Ž XHTMLã‹ã‚‰æ¬¡ä¸–ä»£ã‚¦ã‚§ãƒ–ã¸ é›»åãƒ†ã‚ã‚¹ãƒˆã§æƒ…å ±ç™ºä¿¡ ç°¡å˜ãªHTMLã®èª¬æ˜Ž ã ã‚“ã ã‚“èª¬æ˜Žã®é‡ãŒå¢—ãˆã¦ããŸã®ã§ã€ã‚³ãƒ³ãƒ‘ã‚¯ãƒˆãªå…¥é–€ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ åŸºæœ¬ãŒãã¡ã‚“ã¨åˆ†ã‹ã‚‹30åˆ†é–“(X)HTMLå…¥é–€ HTMLã‚’ä½¿ã£ãŸäººé–“ãƒ»ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿åŒæ–¹ã«ã‚ã‹ã‚Šã‚„ã™ã„è¡¨ç¾ ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ã®HTMLç‰ˆï¼‰ ä½•ã®ãŸã‚ã®HTMLï¼Ÿ HTMLã¯ç”»é¢ã‚’ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãŸã‚ã§ã¯ãªãã€æ–‡æ›¸ã‚’ç’°å¢ƒã«ä¾å˜ã›ãšã«å…±æœ‰ã§ãã‚‹ã‚ˆã†ã«è¨˜è¿°ã™ã‚‹ãŸã‚ã®ç´„æŸã§ã™ã€‚ãã“ã‚’æ£
ihag 2009/10/15
HTML

CSS

Tutorial
ãƒªãƒ³ã‚¯
http://msugai.fc2web.com/web/CSS/selector.html
ihag 2009/01/05
CSSã‚»ãƒ¬ã‚¯ã‚¿ã®èª¬æ˜Ž

HTML

CSS
ãƒªãƒ³ã‚¯
(X)HTML Reference
ã“ã‚Œã‹ã‚‰ (X)HTML ã‚’ã¯ã˜ã‚ã¦å‹‰å¼·ã™ã‚‹æ–¹å‘ã‘ã®HTML4.01/XHTML1.0,1.1ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚
ihag 2009/01/04
HTML

Reference
ãƒªãƒ³ã‚¯
HTMLè¦ç´ ã®ä½ç½®å–å¾— - elm200 ã®æ—¥è¨˜(æ—§ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼)
è¶£æ—¨ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã¨ã—ã¦æç”»ã•ã‚ŒãŸ HTML è¦ç´ ã®ç”»é¢ä¸Šã®ä½ç½®ã‚’å–å¾—ã™ã‚‹ã€‚ä¸€è¦‹ç°¡å˜ãã†ã«è¦‹ãˆã‚‹ã“ã®ä½œæ¥ãŒã€ç¾åœ¨å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã¯ã¨ã¦ã¤ã‚‚ãªãé›£ã—ã„ã€‚ãã®ã“ã¨ã‚’ä»¥ä¸‹ã§èª¬æ˜Žã—ã¦ã„ãã€‚ æƒ…å ±ã‚½ãƒ¼ã‚¹ ã“ã®å•é¡Œã«é–¢ã—ã¦èª¿ã¹ãŸã¨ã“ã‚ã€æœ€ã‚‚ã‚ˆãå‡ºæ¥ã¦ã„ã‚‹ã‚¨ãƒ³ãƒˆãƒªã¯ã€susie-t æ°ã«ã‚ˆã‚‹ offsetTop/offsetLeft/offsetParentã®é—‡ ã§ã‚ã‚‹ã€‚ã¨ã¦ã¤ã‚‚ãªã„åŠ›ä½œã§ã€å®Ÿã«å¤šãã®ã‚±ãƒ¼ã‚¹ã«ã‚ãŸã£ã¦ã€åŒ…æ‹¬çš„ã«æŽ¢ç©¶ãŒè¡Œã‚ã‚Œã¦ã„ã‚‹ã€‚ã¾ã‚‹ã§çŠ¯äººã‚’è¿½è·¡ã™ã‚‹åˆ‘äº‹ã®ã‚ˆã†ãªåŸ·æ‹—ã•ã§ã‚ã‚‹ã€‚æ°ã®è‡ªå·±ç´¹ä»‹ã§ã¯ã€ŒãƒŠãƒžã‚±ãƒ¢ãƒŽã®ãƒ—ãƒã‚°ãƒ©ãƒžã€ã¨ã‹è¬™éœã•ã‚Œã¦ã„ã‚‹ãŒã€ã“ã‚Œã¯ã¨ã¦ã‚‚ãƒŠãƒžã‚±ãƒ¢ãƒŽã«ã§ãã‚‹ä»•äº‹ã§ã¯ãªã„ã€‚ åŸºæœ¬ä¸ã®åŸºæœ¬ã¨ã—ã¦ W3C CSS 2.1 ã®æ¬¡ã®ç« ã‚’æŠ‘ãˆã¦ãŠããŸã„ã€‚ 8 Box model 9 Visual formatting model 10 Visual formatting mode
ihag 2008/02/03
HTML

CSS

Research
ãƒªãƒ³ã‚¯
HTML 5 / A vocabulary and associated APIs for HTML and XHTML / W3C Working Draft 22 January 2008
Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
ihag 2008/02/03
HTML 5ã®Working Draftæœ€æ–°ç‰ˆ

HTML

HTML5

W3C

research

standard
ãƒªãƒ³ã‚¯
About the HTML 4.01 specification Japanese translation
HTML 4.01 ä»•æ§˜æ›¸é‚¦è¨³æ¦‚èª¬ ã“ã®æ–‡æ›¸ã¯ã€W3Cã«ã‚ˆã‚Šä½œæˆã•ã‚ŒW3Cå‹§å‘Šæ–‡æ›¸ã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ "HTML 4.01 specification" (http://www.w3.org/TR/1999/REC-html401-19991224) ã‚’ã€HTML 4ä»•æ§˜æ›¸é‚¦è¨³è¨ˆç”»è£œå®Œå§”å“¡ä¼šãŒé‚¦è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚HTML 4.0ä»•æ§˜æ›¸è£œå®Œå§”å“¡ä¼šè¨³ã¨ã¯ç•°ãªã‚Šã€ã‚ˆã‚Šä»•æ§˜æ›¸ã‚‰ã—ã„æ–‡ä½“ã§æ—¥æœ¬èªžåŒ–ã—ã¦ã‚ã‚Šã¾ã™ã€‚ åŽŸè‘—ä½œæ¨©ã¯W3CãŒä¿æœ‰ã—ã€äºŒæ¬¡è‘—ä½œæ¨©ã¯HTML 4ä»•æ§˜é‚¦è¨³è¨ˆç”»è£œå®Œå§”å“¡ä¼šãŒä¿æœ‰ã—ã¾ã™ã€‚ æ£è¦ã®è¦å®šã¯W3Cã‚µã‚¤ãƒˆã«ã‚ã‚‹è‹±èªžç‰ˆã§ã‚ã‚Šã€ã“ã®æ—¥æœ¬èªžç‰ˆã¯å‚è€ƒã«ã™ãŽã¾ã›ã‚“ã€‚ é‚¦è¨³ã®éŽç¨‹ã§æ°—ã¥ã„ãŸåŽŸè¦å®šã®èª¤ã‚Šã«ã¤ã„ã¦ã¯åŽŸè‘—è€…ã«å ±å‘Šã—ã€æ˜Žã‚‰ã‹ãªã‚¿ã‚¤ãƒ—ãƒŸã‚¹ç‰ã«ã¤ã„ã¦ã¯errataã«æŽ²è¼‰ã•ã‚Œã‚‹å‰ã§ã‚ã£ã¦ã‚‚ä¿®æ£ã—ãŸè¨³ã‚’æŽ²ã’ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®æ–‡æ›¸ã«ã¯ã€ç¿»è¨³ä¸Šã®èª¤ã‚ŠãŒã‚ã‚Šå¾—ã¾ã™ã€‚å½“å§”å“¡ä¼šã¯ç¿»è¨³ã®æ£ç¢ºæ€§ã‚’ä¿è¨¼
ihag 2007/10/23
HTML
ãƒªãƒ³ã‚¯
ruby ã®ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚ãƒƒãƒˆ scrAPI - å·oãƒ»-ãƒ»ï¼‰ï¼œ2nd life
http://blog.labnotes.org/category/scrapi/ ruby ã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã—ã¦ web ã®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã®ã«ã¯ã€ä»Šã¾ã§æ£è¦è¡¨ç¾ã‹ xpath ã§ã‚„ã£ã¦ãŸã®ã§ã€ã‚ã‚Šã¨é¢å€’ã§ã—ãŸã€‚ã§ã€ãµã¨ scrAPI ã¨ã„ã†ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚ãƒƒãƒˆã‚’çŸ¥ã£ãŸã®ã§ã™ãŒã€ã“ã‚ŒãŒã‹ãªã‚Šä¾¿åˆ©ãã†ã€‚ ã“ã®ãƒ„ãƒ¼ãƒ«ã‚ãƒƒãƒˆã‚’ä½¿ã†ã¨ã€CSS3 ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’è¨˜è¿°ã™ã‚‹ã“ã¨ã§ã€è¦ç´ ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãŸã¨ãˆã°ã¨ã‚ã‚‹ã‚µã‚¤ãƒˆã®ãƒªãƒ³ã‚¯ã‚’å…¨éƒ¨å–å¾—ã—ãŸã‘ã‚Œã°ã€ require 'rubygems' require 'scrapi' require 'open-uri' require 'nkf' require 'pp' $KCODE = 'u' links = Scraper.define do process "a[href]", "urls[]"=>"@href" result :urls e
ihag 2006/12/11
ä»Šã¾ã§ã®è‹¦åŠ´ã¯ä½•ã ã£ãŸã®ã‹

development

programming

ruby

HTML

scraping

scrapi

library
ãƒªãƒ³ã‚¯
[ã‚’] HTMLãƒ•ã‚¡ã‚¤ãƒ«ã«æ–‡å—åˆ—ã¨ã—ã¦ç”»åƒãƒ‡ãƒ¼ã‚¿ã‚’åŸ‹ã‚è¾¼ã‚€
HTMLãƒ•ã‚¡ã‚¤ãƒ«ã«æ–‡å—åˆ—ã¨ã—ã¦ç”»åƒãƒ‡ãƒ¼ã‚¿ã‚’åŸ‹ã‚è¾¼ã‚€ 2006-10-01-1 [Tips][Programming] ç”»åƒãƒ‡ãƒ¼ã‚¿ã‚’æ–‡å—åˆ—ã¨ã—ã¦ img ã® src ã§æŒ‡å®šã§ãã‚‹ã€‚ ã“ã‚Œã«ã‚ˆã‚Šã€HTMLãƒ•ã‚¡ã‚¤ãƒ«1ã¤ã§ãƒ†ã‚ã‚¹ãƒˆã¨ç”»åƒãŒè¡¨ç¤ºã§ãã‚‹ã€‚ æŠ€è¡“ãƒ¡ãƒ¢å¸³ - URI ã® data: ã‚¹ã‚ãƒ¼ãƒ (http://d.hatena.ne.jp/lurker/20060810/1155213304) ã«ã‚ˆã‚‹ã¨ã€ è¡¨è¨˜æ–¹æ³•ã¯ä¸‹è¨˜ã€‚ <img src="data:image/gif;base64,BASE64ãƒ‡ãƒ¼ã‚¿"> ã€ŒBASE64ãƒ‡ãƒ¼ã‚¿ã€ã®ç°¡å˜ãªä½œã‚Šæ–¹ã¯ã€ curl -s http://i.yimg.jp/images/search/head_050825.gif | \ openssl base64 | tr -d '\n' ãªã©ã€‚ è¡¨ç¤ºã¯ IE6 ã§ã¯ã ã‚ã ã‘ã©ã€Firefox
ihag 2006/10/02
dataã‚¹ã‚ãƒ¼ãƒ ã€‚Firefoxã¯å®Ÿè£…æ¸ˆã¿ã‚‰ã—ã„ã€‚

RFC2397

HTML
ãƒªãƒ³ã‚¯
1