XHTMLâ„¢ 2.0
W3C Editor's Draft 24 October 2007 This version: http://www.w3.org/MarkUp/2007/ED-xhtml2-20071024 Latest version: http://www.w3.org/TR/xhtml2 Previous version: http://www.w3.org/TR/2006/WD-xhtml2-20060726 Diff-marked version: xhtml2-diff.html Editors: Jonny Axelsson, Opera Software Mark Birbeck, x-port.net Micah Dubinko, Invited Expert Beth Epperson, Websense Masayasu Ishikawa, W3C Shane McCarron,
Web制作 W3G
セルラン上ä½ã‚¢ãƒ—リã®å£²ä¸Šãƒ»ãƒ©ãƒ³ã‚ング推移・ユーザー数ãªã©ã®çµ±è¨ˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚複数ã®èª¿æŸ»ãƒ¡ãƒ‡ã‚£ã‚¢ãŒç™ºè¡¨ã—ã¦ã„るデータを比較å‚ç…§ã—ã¦ã€ã‚ˆã‚Šç¢ºåº¦ã®é«˜ã„æƒ…å ±ã‚’ç¢ºèªã§ãã¾ã™ã€‚
åå‰ã®ã‚¦ã‚§ãƒ–ã¨XHTML文書ã®ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ«
æƒ…å ±ã¯ä¼ã‚ã‚‹ã‹ï¼Ÿ ãã‚‚ãã‚‚æƒ…å ±ã¯ä¼ã‚らãªã„… ç”Ÿå‘½æƒ…å ±ï¼šç”Ÿç‰©ãŒä¸–ç•Œã¨é–¢ä¿‚ã™ã‚‹ã“ã¨ã§å‡ºç¾ã™ã‚‹ã€æ„味ã®ã‚る（è˜åˆ¥ã§ãる）パターン 観察者（主体）ãŒä¸–界をã©ã®ã‚ˆã†ã«æ‰ãˆã‚‹ã‹ï¼ˆé–¢ä¿‚）を表ã™ãƒ‘ターン。人ã«ã‚ˆã£ã¦ãã®é–¢ä¿‚ï¼ãƒ‘ターンã¯ç•°ãªã‚‹ã®ã§ã€å®Œå…¨ã«ã¯ä¼ãˆã‚‰ã‚Œãªã„。 ç¤¾ä¼šæƒ…å ±ï¼šç”Ÿå‘½æƒ…å ±ã‚’äººé–“ãŒï¼ˆã“ã¨ã°ã¨ã—ã¦ï¼‰è¨˜è¿°ã™ã‚‹ å…±åŒä½“（国家ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£â€¦ï¼‰ã§ã®å…±é€šäº†è§£ï¼æ„味ã®ã¨ã‚Šã‚ãˆãšã®å›ºå®šï¼ˆè¦ç¯„化作用） æ©Ÿæ¢°æƒ…å ±ï¼šè¨€è‘‰ã®è¨˜å·ä½œç”¨ã®ã€Œè¨˜å·è¡¨ç¾ã€ã ã‘ã‚’å–り出ã—ãŸã‚‚㮠コンピュータã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ä¸Šã®ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦è“„ç©ã€äº¤æ›ã•ã‚Œã‚‹ （西垣通 『ウェブ社会をã©ã†ç”Ÿãã‚‹ã‹ã€ï¼‰ ãã“を何ã¨ã‹ã†ã¾ãä¼ãˆã‚‹ãŸã‚ã«ã¯ 明晰ãªè«–ç†ã¨æ–‡ç« 分ã‹ã‚Šã‚„ã™ã„æƒ…å ±ã®ã‹ãŸã¡ 互ã„ã«ç†è§£ã§ãã‚‹åå‰ æƒ…å ±ã®ä¼é”ã¨åå‰ æ©Ÿæ¢°æƒ…å ±ã‚’ä»‹ã—ãŸæƒ…å ±ã®ã‚³ãƒ¼ãƒ‰åŒ–ã¨å†æ§‹ç¯‰ æƒ…å ±ãŒä¼ã‚ã‚‹ãŸã‚ã«ã¯ã€ã¾ãšç¤¾ä¼šæƒ…å ±ãŒé©åˆ‡ã«å†ç¾ã•ã‚Œã‚‹å¿…è¦ãŒã‚ã‚‹ åŒã˜ç¤¾ä¼šæƒ…å ±ã§ã‚‚人ã«ã‚ˆã£ã¦
æ „å…‰ã‚¼ãƒŸãƒŠãƒ¼ãƒ«ï¼›å¡¾é¸ã³ã‚¬ã‚¤ãƒ‰
æ „å…‰ã‚¼ãƒŸãƒŠãƒ¼ãƒ«ã®æŽˆæ¥æ–™ã€ã‚µãƒ¼ãƒ“スãªã©å……実ã•ã›ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ä½œæˆã—ã¦ã„ã¾ã™ãŒã€ã‚„ã¯ã‚Šä¸€ç•ªæ „光ゼミナールを知るã«ã¯ã€è³‡æ–™è«‹æ±‚ãŒä¸€ç•ªã§ã™ã€‚ æ „å…‰ã‚¼ãƒŸãƒŠãƒ¼ãƒ«è³‡æ–™å†…å®¹ 日程ã¨æŽˆæ¥æ–™ã«ã¤ã„ã¦ã®ã”案内 æ „å…‰ã‚¼ãƒŸãƒŠãƒ¼ãƒ«ã®å¤æœŸè¬›ç¿’ã®ã”案内 個別指導ã®ã”案内。 「今åä¾›ãŸã¡ã¯ãƒ»ã€è³‡æ–™é›†æ „光ブックレット ã¨ã£ã¦ãŠããªï¼¤ï¼¶ï¼¤ï¼ˆå±Šãã¾ã§ãŠæ¥½ã—ã¿ï¼‰ æ „å…‰ã‚¼ãƒŸãƒŠãƒ¼ãƒ«ã§ã¯ã€ã¯ã˜ã‚ã¦ã®æ–¹ã«ã¯ç„¡æ–™ã®å¤æœŸè¬›ç¿’会ã«ãªã‚Šã¾ã™ã€‚テã‚ストã®æ•™æè²»ã¯è‡ªå·±è² æ‹…ã«ãªã‚Šã¾ã™ãŒã€ãã‚Œã§ã‚‚1教科ã«ã¤ããŸã£ãŸã®2100円。 æ „å…‰ã‚¼ãƒŸãƒŠãƒ¼ãƒ«ã¯ç‰¹ã«ä¸å¦ç”Ÿã‚’対象ã«å‘ã‘ã¦åœ§å€’的人気ã®ã‚µãƒ¼ãƒ“スã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€ãã‚Œã«ä»˜éšã™ã‚‹ã—ã£ã‹ã‚Šã¨ã—ãŸã‚µãƒ¼ãƒ“スãŒã‚ã‚Šã¾ã™ã€‚大手ã®å¦ç¿’塾ã«ã¯ã€æœ‰å講師ãŒæŽˆæ¥ã‚’100人程度ã§èžãタイプã¨å°‘人数制（6人ã‹ã‚‰20人程度）ã§ãã‚ç´°ã‚„ã‹ãªæŽˆæ¥ã‚’å—ã‘ã‚‹ã“ã¨ãŒã§ãるタイプã¨å€‹äººæŒ‡å°Žã§1対1ã€1対2ã§ã‚‚ã£ã¨è‡ªåˆ†ã®ãƒšãƒ¼ã‚¹ã«ã‚ã‚ã›ã‚‹ã“ã¨ãŒã§
XHTML CSS (r)evolution vol.3ã®éª¨å (kuruman.org > Kuruman Memo)
益åã•ã‚“主催ã®XHTML + CSS (r)evolution vol.3ã¨äº‘ã†ã‚¤ãƒ™ãƒ³ãƒˆã«è¶³ã‚’伸ã°ã—ã¦ãã¾ã—ãŸã€‚題目ã¯HTML 5ã®æ¦‚è¦ã€ã¨ã®äº‹ã€‚å–り急ãŽéª¨åを紹介ã„ãŸã—ã¾ã™ã€‚ãªã‚‹ã¹ã実際ã®è¡¨ç¾ã‚’å°Šé‡ã—ã¦ãƒ¡ãƒ¢ã‚’ã¨ã‚‹ã‚ˆã†å¿ƒæŽ›ã‘ã¾ã—ãŸãŒã€èª¤ã‚Šã‚’å«ã‚€å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ç§è¦‹ã‚’è¿°ã¹ã‚‹ã®ã¯ã€ã¾ãŸã®æ©Ÿä¼šã«ã§ã‚‚。関連エントリーã¨ã—ã¦XHTML+CSS (r)evolution, 3rdã®å†…容ã¯ä¿¡ãšã‚‹ã«å€¤ã™ã‚‹ã‹?を公開ã—ã¾ã—ãŸã€‚ç§ãªã‚Šã®çµè«–ã‚’è¿°ã¹ã‚‹ã¨ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã®å†…容ã¯ä¿¡ã˜ã‚‹ã«å€¤ã—ãªã„ã¨è€ƒãˆã¾ã™ã€‚ ãªãŠã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’èªã‚€æ–¹ã«ã¯é€”ä¸ã§æ¢ã‚ãšã€å¯¾è«‡å¾ŒåŠã®W3Cã®ä¸»å¼µã‚‚ãã¡ã‚“ã¨èªã‚€ã“ã¨ã‚’å¼·ã推奨ã—ã¾ã™ã€‚ã“ã®éƒ¨åˆ†ã«ã¤ã„ã¦ã¯å…¬é–‹ã•ã‚ŒãŸéŸ³å£°ã‚’æ–‡å—èµ·ã“ã—ã—ã€æ›¸ã改ã‚ã¾ã—ãŸã€‚å分æ£ç¢ºãªæƒ…å ±ã‚’å¾—ã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã£ãŸã¨æ€ã„ã¾ã™ã€‚ 益åã•ã‚“ã®ãƒ—レゼン HTML 5ã®ãã£ã‹ã‘ã¯tbl å½¼ãŒãƒ–ãƒã‚°ã¸ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’投稿ã—ãŸ
HTMLã«å†ã³é¢¨ã¯å¹ãã‹ã€ãã—ã¦ã€ŒHTML 5.0ã€ã¯ ― ï¼ IT
Webを構æˆã—ã¦ã„る技術ã«é–¢ã—ã¦ã„ãˆã°ã€1ã¤ç¢ºã‹ãªã“ã¨ãŒã‚る。ãã‚Œã¯ã€ã€ŒHTMLã¯æ˜Žã‚‰ã‹ã«éŽåŽ»ã®å˜åœ¨ã€ã¨ã„ã†ã“ã¨ã 。HTMLã¯Webã®åŸºç›¤ã‚’構築ã™ã‚‹ä¸Šã§å¤§ããªå½¹å‰²ã‚’æžœãŸã—ã¦ãã‚ŒãŸãŒã€ä»Šã‚„Webã®æœªæ¥ã‚’æ‹…ã£ã¦ã„ã‚‹ã®ã¯ã€XMLã€XHTMLã€ãã—ã¦ã„ãã¤ã‚‚ã®ã‚¹ã‚¯ãƒªãƒ—ティング言語ã 。 HTMLよã€ã•ã‚ˆã†ãªã‚‰ï¼ ã¡ã‚‡ã£ã¨å¾…ã£ã¦ã€ä½•ã ã£ã¦ï¼Ÿã€€World Wide Web Consortium（W3C）ãŒæ¬¡ä¸–代HTML標準ã®ç–定ã«å‘ã‘ã¦æ–°ã—ã„HTML作æ¥éƒ¨ä¼šã‚’è¨å®šã—ãŸã ã£ã¦ï¼Ÿã€€ã‚ˆã—ã€ãã‚Œãªã‚‰ã€ã„ã¾ç§ãŒè¨€ã£ãŸã“ã¨ã¯å…¨éƒ¨æ’¤å›žã 。 Web標準やW3Cã®å‹•ãを追ã£ã¦ã„る人ã§ã‚ã‚Œã°ã€ãŠãらãã€ã“ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã¯ç§ã¨åŒã˜ãらã„é©šã„ã¦ã„ã‚‹ã ã‚ã†ã€‚HTMLã¯æ—¢ã«éŽåŽ»ã®ã‚‚ã®ã§ã‚ã‚Šã€ã“ã®æ¨™æº–ã«ã¤ã„ã¦ã¯ã‚‚ã¯ã‚„æ–°ã—ã„作æ¥ã¯è¡Œã‚ã‚Œãªã„ã ã‚ã†ã¨ã„ã†ã®ãŒã€ã—ã°ã‚‰ãå‰ã‹ã‚‰ã®å…±é€šã®èªè˜ã ã£ãŸã€‚ãã—ã¦ã€Web開発ã®æ¨™æº–ã¯ã™ã¹ã¦ XHTML（
ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢ - W3Cã®æ–°HTML作æ¥éƒ¨ä¼š
昨年10月ã®ãƒãƒ¼ãƒŠãƒ¼ã‚ºï¼ãƒªãƒ¼ã®ã³ã£ãり発言ã‹ã‚‰ç´„4カ月を経ã¦ã€W3Cã«æ–°ã—ã„HTML作æ¥éƒ¨ä¼šãŒè¨ç½®ã•ã‚ŒãŸã€‚HTML4ã¨XHTML1をベースã«ã€æ–°ã—ã„(X)HTML仕様を2010年を目標ã«ç–定ã—ã¦ã„ã。従æ¥ã®HTML作æ¥éƒ¨ä¼šã¯XHTML2作æ¥éƒ¨ä¼šã¨ã„ã†æ‰±ã„ã«ãªã‚‹ï¼ˆHTMLã¨ã¯é•ã†ç‹™ã„ãªã®ã§ã€åå‰ã‚’変ãˆã‚‹ã“ã¨ã‚‚検討ã—ã¦ã„ã‚‹ãã†ã 。ãりゃ大ã„ã«çµæ§‹ï¼‰ã€‚ Charter（è¨ç«‹è¶£æ„書）ã«ã‚ˆã‚Œã°ã€ã“ã®æ–°ä½œæ¥éƒ¨ä¼šã¯æ¬¡ã®ã‚‚ã®ã‚’ç–定ã—ã¦ã„ã。 HTML4を発展ã•ã›ãŸã€ã‚¦ã‚§ãƒ–ã®æ–‡æ›¸ã¨ã‚¢ãƒ—リケーションã®ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã‚’表ç¾ã™ã‚‹è¨€èªž ã“ã®è¨€èªžã‚’XMLã«ã‚ˆã£ã¦è¨˜è¿°ï¼ˆã‚·ãƒªã‚¢ãƒ«åŒ–）ã™ã‚‹æ‹¡å¼µå¯èƒ½ãªå½¢æ…‹ æ—¢å˜ãƒ–ラウザã®ã€Œã‚¯ãƒ©ã‚·ãƒƒã‚¯HTMLã€ãƒ‘ーサã¨äº’æ›æ€§ã®ã‚ã‚‹ã€XMLã§ã¯ãªã„記述形態 ã“ã®è¨€èªžã®ãŸã‚ã®DOMインターフェイス フォームãã®ä»–ã®UIã§ç”¨ã„ã‚‹ãŸã‚ã®ã€ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒãƒ¼ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã®å…±é€šéƒ¨å“ リンクã¥ã‘られãŸãƒ¡ãƒ‡
5W1H ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— 1: When（日時） - 我的春秋
ã¡ã‚‡ã£ã¨æ€ã„ç«‹ã£ã¦ã€5W1H ã® XHTML マークアップã®æ‰‹æ®µã«ã¤ã„ã¦ã€å°‘ã—ãšã¤æ•´ç†ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ç†ç”±ã‚„æ„義ã«ã¤ã„ã¦ã¯ã€ã¾ãŸåˆ¥ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ç«‹ã¦ã‚‹ã¨ã—ã¦ã€ã¨ã‚Šã‚ãˆãšä»Šæ—¥ã®ã¨ã“ã‚ã¯ã€When?（ã„ã¤ï¼Ÿï¼‰...ã¤ã¾ã‚Šã€æ—¥æ™‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—手段ã‹ã‚‰ã€‚ (X)HTML meta name="date" syntax <meta name="date" content="[W3C-DTF]" /> [W3C-DTF]: YYYY-MM-DDThh:mm:ssTZD（≒ ISO 8601。必è¦ã«å¿œã˜ã¦ã€ç§’・分・時・日・月ã¯çœç•¥å¯ã€‚） [TZD]: ±hh:mm | Z（タイムゾーン。日本ãªã‚‰ "+09:00"。UTC å”定世界時ãªã‚‰ "Z"。） 追記: W3C-DTF ã®ãƒãƒªã‚¢ãƒ³ãƒˆã¨ (X)HTML ã«ãŠã‘ã‚‹ %Datetime ã«ã¤ã„㦠北æ‘ã•ã‚“よりã”指摘をã„ãŸã ãã¾ã—ã¦ï¼ˆâ†’ ã¯ã¦ãƒ– コメ
第16回 XHTMLã®è¨è¨ˆã€œçŠ¶æ³ã«åˆã£ãŸè¦ç´ é¸ã³ï¼ˆ1）〜：ITpro
XHTMLã®åˆ¶ä½œã§ã‚‚ã£ã¨ã‚‚難ã—ã„ã®ã¯ã€Œã©ã®è¦ç´ を使ã£ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã‹ã€ã¨ã„ã†åˆ¤æ–ã§ã‚る。æ£è§£ãŒã²ã¨ã¤ã®å ´åˆã‚‚ã‚ã‚Œã°ã€ãµãŸã¤ä»¥ä¸Šã®å ´åˆã‚‚ã‚る。人間ã®åˆ¤æ–ã«è² ã†éƒ¨åˆ†ã‚‚大ãã„ã®ã§ã€ã‚るマークアップをé©åˆ‡ã«æ„Ÿã˜ã‚‹äººã‚‚ã„ã‚Œã°æ„Ÿã˜ãªã„人もã„る。シãƒãƒ¥ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã”ã¨ã®ä¸€èˆ¬çš„ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—例を見ã¦ã„ã“ã†ã€‚ 2ã¤ã®åˆ¤æ–レベル: 構文é©åˆæ€§ã¨ç›®çš„é©åˆæ€§ マークアップã®é©åˆ‡ã•ã‚’判æ–ã™ã‚‹ãƒ¬ãƒ™ãƒ«ã¨ã—ã¦ã¯ã€æ§‹æ–‡é©åˆæ€§ï¼ˆvalidity）ã¨ç›®çš„é©åˆæ€§ï¼ˆrelevance）ã®2ã¤ãŒã‚る。å‰è€…ã¯ã€Œè¦ç´ ・属性・属性値ã®æ›¸å¼ãŒæ§‹æ–‡çš„ã«æ£ã—ã„ã‹ã©ã†ã‹ã€ã€å¾Œè€…ã¯ã€Œè¦ç´ ・属性・属性値ã®ä½¿ã„æ–¹ãŒæœ¬æ¥ã®æ„味や仕様ã§ç¤ºã•ã‚Œã¦ã„る方法ã«åˆã£ã¦ã„ã‚‹ã‹ã©ã†ã‹ã€ãŒå•é¡Œã¨ãªã‚‹ã€‚ ã¾ãšèªè˜ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã¯ã€æ§‹æ–‡é©åˆæ€§ã¯ãƒãƒªãƒ‡ãƒ¼ã‚¿ï¼ˆã‚½ãƒ¼ã‚¹æ¤œè¨¼ãƒ„ール）ãªã©ã®ãƒžã‚·ãƒ³ã§ãƒã‚§ãƒƒã‚¯ã§ãã¦ã‚‚ã€å°‘ãªãã¨ã‚‚ç¾åœ¨ã®æŠ€è¡“レベルã§ã¯ç›®çš„é©åˆæ€§ã¯ãƒã‚§ãƒƒã‚¯ã§ããªã„ã“ã¨
別窓指定ã®ç†æƒ³è«– (kuruman.org > Kuruman Memo)
幾度ã¨ç„¡ãtarget="_blank"ã«ã¤ã„ã¦æ›¸ããŸããªã‚‹ã®ã ãŒã€ãã£ã¨åƒ•ã¯ãã‚Œã»ã©ã«target="_blank"ãŒå«Œã„ãªã®ã ã‚ã†ã¨æ€ã†ã€‚ ã“ã®target="_blank"ã®è©±ã£ã¦ã®ãŒã€ã‚‚ã£ã¨ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„Webã‚’æ“作ã™ã‚‹ä¸€ä¾‹ã ã¨æ€ã†ã®ã ã‘ã‚Œã©ã€ã©ã†ã ã‚ã†ã€‚未ã DTPã¨ã‹ã„ã£ãŸå›ºå®šçš„デザインã®å‘ªç¸›ã‹ã‚‰é€ƒã‚Œã‚‰ã‚Œã¦ã„ãªã„ã‹ã‚‰ã“ãtarget="_blank"ã‚’æ“è·ã™ã‚‹å£°ãŒä¸ŠãŒã‚‹ã®ã§ã¯ãªã‹ã‚ã†ã‹ã€‚……ã¨ã€ãã‚“ãªæ„Ÿã˜ã®ç†æƒ³è«–を語ã£ã¦ã¿ã‚‹ã€‚ ç†æƒ³ ã¾ãšã€target="_blank"ãŒæ¶ˆãˆã‚‹ã“ã¨ã¯ç„¡ã„ãŸã‚ã€ãƒ–ラウザå´ã§ã€Œtarget属性を無視ã€ã¨ã„ã†è¨å®šã¯å¿…é ˆã€‚UAã¯åˆ©ç”¨è€…ãŒä¸åˆ©ç›Šã‚’被るå¯èƒ½æ€§ãŒã‚ã‚‹ãªã‚‰ã°ãれを排除ã™ã‚‹æ©Ÿèƒ½ã‚’有ã™ã‚‹ã¹ãã ã¨æ€ã†ã€‚ãã®ä¸Šã§ã€åˆ¥ã®ã‚µã‚¤ãƒˆã¸ç§»ã£ãŸã¨ãã«å…ƒã®ã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸ã®ã‚¿ãƒ–ãŒæ®‹ã›ã‚‹ã‚ˆã†ãªè¨å®šã‚‚å¯èƒ½ã¨ã™ã¹ãã 。ãã‚Œã«ã‚ˆã£ã¦é–²è¦§è€…ã¯é¸æŠžè‚¢ã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã 。ãã—ã¦ã“
「HTMLç”»é¢ã‚’ãã®ã¾ã¾ä»•æ§˜æ›¸ã«ã€ï¼Œ5カ月ã§1000ç”»é¢ã‚’構築ã—ãŸå°±è·ã‚µã‚¤ãƒˆPuffã®é«˜é€Ÿé–‹ç™ºæ‰‹æ³•ï¼šITpro
上段左ã‹ã‚‰ãƒ†ã‚£ãƒ¼ã‚¢ãƒ³ãƒ‰ã‚¨ãƒ•ã‚«ãƒ³ãƒ‘ニー 事æ¥æŽ¨é€²çµ±æ‹¬è²¬ä»»è€…ã€€æƒ…å ±åŒ–æˆ¦ç•¥ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆ 西岡ç¥å¼¥æ°ï¼Œãƒ†ã‚£ãƒ¼ã‚¢ãƒ³ãƒ‰ã‚¨ãƒ•ã‚«ãƒ³ãƒ‘ニー 代表å–ç· å½¹ç¤¾é•· ä½è—¤è£•å¸æ°ï¼Œãƒ‘フ 代表å–ç· å½¹ç¤¾é•· 釘崎清秀æ°ï¼Œä¸‹æ®µå·¦ã‚ˆã‚Šãƒ†ã‚£ãƒ¼ã‚¢ãƒ³ãƒ‰ã‚¨ãƒ•ã‚«ãƒ³ãƒ‘ニー 最高技術責任者 出羽å¥ä¸€æ°ï¼Œãƒ‘フ å–ç· å½¹å…¼æ ªå¼ä¼šç¤¾ãƒ—ãƒã‚·ãƒ³ã‚¯ãƒ¯ãƒ¼ã‚¯ä»£è¡¨å–ç· å½¹ç¤¾é•·å¤§å ´äº¬åæ°ï¼Œãƒ‘フ 事æ¥ã‚µãƒãƒ¼ãƒˆã‚°ãƒ«ãƒ¼ãƒ— グループマãƒãƒ¼ã‚¸ãƒ£ãƒ¼ ä¿å‚å…‰æ±Ÿæ° Webシステムを開発ã™ã‚‹éš›ã«ã¯ã»ã¨ã‚“ã©ã®å ´åˆï¼Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã®æ‰“ã¡åˆã‚ã›ã®ãŸã‚ã«HTMLã«ã‚ˆã‚‹ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—を作る。「ã“ã®HTMLãŒãã®ã¾ã¾ä»•æ§˜æ›¸ã«ãªã‚Œã°ã€ã¨æ€ã£ãŸã“ã¨ã¯ãªã„ã ã‚ã†ã‹ã€‚å°±è·æƒ…å ±ã‚µã‚¤ãƒˆPuffã®å†æ§‹ç¯‰ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ï¼Œã¾ã•ã«ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ãã®ã¾ã¾ä»•æ§˜æ›¸ã—ãŸã€‚「å数人ã®é–‹ç™ºè€…ã§ï¼Œ5カ月ã§1000ç”»é¢ã®ã‚·ã‚¹ãƒ†ãƒ を開発ã™ã‚‹ã€å¿…è¦ã«è¿«ã‚‰ã‚ŒãŸã‹ã‚‰ã 。 HTMLã«ä»•æ§˜ã¨ãƒ¡ãƒ¢ã‚’埋ã‚è¾¼ã¿ï¼ŒCSSã§åˆ‡ã‚Šæ›¿ãˆ 「ã“ã®æœªä½“験ã®ã‚¹ãƒ”ー
CSSã¯HTMLã ã‘ã®ã‚‚ã®ã˜ã‚ƒãªã„ (kuruman.org > Kuruman Memo)
CSSã¯HTMLã ã‘ã®ã‚‚ã®ã˜ã‚ƒãªã„妥当ã§ãªã„CSSãƒãƒƒã‚¯ã¯ã‚„ã‚よã†ã¨ã„ã†è¶£æ—¨ã®è¨˜äº‹ã‚’èªã‚“ã ã®ã ã‘ã‚Œã©ã€ä¸€ã¤æ°—ã«ãªã‚‹ã¨ã“ã‚ãŒã‚ã£ãŸã®ã§æ›¸ã„ã¦ãŠã。普段ã ã£ãŸã‚‰del.icio.us辺りã«èª°ã‚‚èªã¾ãªã„コメントを書ã„ã¦æµã™ã‚“ã ã‘ã©ã€ã¯ã¦ãƒ–ã§ã‚‚ã¾ã ã¤ã£ã“ã¾ã‚Œã¦ã„ãªã„よã†ãªã®ã§ã€è¨˜äº‹ã«ã—ã¦ãŠã。 çµè«–ã‚’è¿°ã¹ã‚‹ã¨ã‚¹ã‚¿ãƒ¼ãƒãƒƒã‚¯ã¯CSS文法上全ãå•é¡ŒãŒãªã„ãƒãƒƒã‚¯ã§ã‚ã‚Šã€å˜ã«UAã®ãƒã‚°ã‚’ã¤ã¤ã„ãŸã ã‘ã®ãƒãƒƒã‚¯ã§ã‚る。ã“ã®è¨˜äº‹ã®ç†è€…ãŒè¨€ã†ã‚ˆã†ãªè°è«–ã®å¿…è¦ãªã©ãªã„。 下記ã«typoã‚’ä¿®æ£ã—ã¤ã¤è¨˜äº‹ã‚’引用ã™ã‚‹ã€‚ 次ã«è€ƒãˆãŸã„ã®ã¯ã€æ›¸å¼ã¨ã—ã¦åˆã£ã¦ã„ã‚‹ã‹ã©ã†ã‹ã§ã™ã€‚* html .hoge {～}ã¨ã„ã£ãŸã‚¹ã‚¿ãƒ¼ãƒãƒƒã‚¯ãªã©ã¨å‘¼ã°ã‚Œã‚‹ãƒãƒƒã‚¯ã¯ã€ã€Œ*（全ã¦ã®è¦ç´ ）ã®åå«è¦ç´ ã§ã‚ã‚‹htmlã®åå«è¦ç´ ã®ã‚¯ãƒ©ã‚¹hogeã®è¦ç´ ã«å¯¾ã—ã¦ï½žã€ã¨ã„ã†æ„味ã«ãªã‚Šã¾ã™ã€‚ã—ã‹ã—ã€htmlè¦ç´ ã¯ãƒ«ãƒ¼ãƒˆè¦ç´ ãªã®ã§ã€ã‚らゆるè¦ç´ ã®åè¦ç´ ã¨ãªã‚Šãˆã¾ã›
我的春秋: パンããšãƒªã‚¹ãƒˆã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—
ã¡ã‚‡ã£ã¨å‰ã« パンããšãƒªã‚¹ãƒˆï¼ˆTopic Path）を作æˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ル8種（CSS HappyLife）ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒç››æ³ã§ã—ãŸãŒã€ä»Šæ—¥ã¯ãƒ‘ンããšãƒŠãƒ“ゲーションã®è«–ç†æ§‹é€ é¢ã‚’補強ã™ã‚‹æ„味も込ã‚ã¦ã€(X)HTML マークアップã®ä¾‹ã‚’ã€ã‚µã‚¤ãƒˆæ§‹é€ やサイトã®ç›®çš„ã«å¿œã˜ã¦ã€ã„ãã¤ã‹æŒ™ã’ã¦ã¿ã¾ã—ãŸã€‚CSS ã®è©±ã¾ã§å…¥ã‚Œã‚‹ã¨é•·ããªã‚‹ã®ã§ã€ä»Šå›žã¯ï¼ˆã‚‚？）(X)HTML マークアップã«è©±ã‚’絞りã¾ã™ã€‚CSS ã«ã¤ã„ã¦ã¯ã€ç‰¹ã«ã‚»ãƒ¬ã‚¯ã‚¿ã¾ã‚ã‚ŠãŒçµæ§‹ 変ã‚ã£ã¦ã—ã¾ã„ã¾ã™ãŒã€ã²ã¨ã¾ãšã€HirasaWa ã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãªã©ã‚’å‚ç…§ã—ã¦ãã ã•ã„。（気ãŒå‘ã„ãŸã‚‰ã€åˆ¥ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ç«‹ã¦ã¾ã™ã‘ã©ã€å®Ÿéš›ã«æ›¸ãã‹ã©ã†ã‹ã¯æœªå®šã€‚） éšŽå±¤åž‹æ§‹é€ ï¼ˆtree structure） ï¼»2006-02-11 追記］ 石å·ä¸€é–ã•ã‚“よりã€ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã‚’é‡è¦–ã™ã‚‹ãªã‚‰aè¦ç´ ã«rel/revå±žæ€§ã‚’åŠ ãˆã¦ãƒªãƒ³ã‚¯ã®é–¢ä¿‚性を明示ã™ã‚‹ã®ãŒ
HTML タグを探ã™ã®ã«ä¾¿åˆ©ãªãƒ–ックマークレット
「tingelets〠ã¯ã€(X)HTML 文書内ã®é¸æŠžã—ãŸè¦ç´ ã«èƒŒæ™¯è‰²ã‚’付ã‘ã¦ã€ãã®å ´æ‰€ã‚’ã‚ã‹ã‚Šã‚„ã™ã表示ã—ã¦ãれるブックマークレットã®ã‚»ãƒƒãƒˆã€‚ ブラウザã”ã¨ã®æ‹¡å¼µæ©Ÿèƒ½ã§ã¯ãªãã€ãƒ–ックマークレットãªã®ã§æ§˜ã€…ãªãƒ–ラウザã§ä½¿ç”¨å¯èƒ½ãªã®ãŒãƒŸã‚½ã€‚ tingelets ： Bookmarklets for Web Developers tingelets are a set of bookmarklets that you can place in your browsers bookmark bar. When clicked, they highlight a certain tag or set of tags in a specific color or background tile. They are very handy for quickly looking at web layo
CSSã§floatを指定ã—ãŸãƒœãƒƒã‚¯ã‚¹ã‚’å«ã‚€ãƒœãƒƒã‚¯ã‚¹ã®èƒŒæ™¯ãŒå‡ºãªããªã‚‹ä»¶ - Fsiki
「CSSã§æ®µçµ„ã—ãŸã‚‰Firefoxã§èƒŒæ™¯ãŒå‡ºãーよã£ã€ã¦è©±ã‚’よãèžãã®ã§è‰²ã€…試ã—ã¦ã¿ã¾ã—ãŸã€‚ コンテンツメニュー å…ƒã«ãªã‚‹HTML 特ã«ä½•ã‚‚考ãˆãšfloatを使ã£ãŸå ´åˆ 外ã®ãƒœãƒƒã‚¯ã‚¹ã«å¹…を与ãˆã¦ã¿ã‚‹ 一般的ãªè§£æ±ºæ–¹æ³• ãã®ä»–ã®è§£æ±ºæ–¹æ³• overflowã‚’ä½¿ã† æœ€çµ‚å›žç” ç•ªå¤–ç·¨ æ›´æ–°å±¥æ´ ã“ã®ãƒ‰ã‚ュメントã«ã¤ã„㦠元ã«ãªã‚‹HTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブãƒã‚°) class="leftBox"ã®ãƒœãƒƒã‚¯ã‚¹ã®å†…容ã¯ã€Œã‚µã‚¤ãƒ‰ãƒãƒ¼ã€ã€‚class="rightBox"ã®å†…容ã¯ã€Œè¨˜äº‹éƒ¨åˆ†ã€ã€‚ 例2(ウェブサイト) class="leftBox"ã®ãƒœãƒƒã‚¯ã‚¹ã®å†…容ã¯ã€Œãƒãƒ¼ã‚«ãƒ«ãƒŠãƒ“ゲーションã€ã€‚class="rightBox"ã®å†…容ã¯ã€Œæƒ…å ±ã€ã€‚ 例3
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
HTML Working Group
{{#tags}}- {{label}}
{{/tags}}