実践Web Standards Designã®ã‚¹ã‚¹ãƒ¡ 記事一覧 | gihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â 。個別ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„る記事ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
æºå¸¯ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 第1回 作æˆæ–¹æ³•ã®åŸºç¤Ž [ホームページ作æˆ] All About
æºå¸¯ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 第1回 作æˆæ–¹æ³•ã®åŸºç¤Žæºå¸¯é›»è©±ãªã©ã‹ã‚‰é–²è¦§ã§ãる「ケータイサイトã€ã‚’作ã£ã¦ã¿ã¾ã—ょã†ã€‚æºå¸¯ç«¯æœ«ã«æ載ã•ã‚Œã¦ã„るブラウザã«é–¢ã™ã‚‹ã„ãã¤ã‹ã®åˆ¶ç´„を押ã•ãˆã¦ãŠã‘ã°ã€ã‚ã¨ã¯ç°¡å˜ã«ä½œæˆã§ãã¾ã™ã€‚ã¾ãšã¯ã€æºå¸¯ã‚µã‚¤ãƒˆä½œæˆã®åŸºæœ¬ã‚’ã”紹介。 (注) 本記事ã®è§£èª¬ã¯ã€ã‚¬ãƒ©ã‚±ãƒ¼ã‚µã‚¤ãƒˆã®ä½œæˆæ–¹æ³•ã§ã™ã€‚ 本記事ã¯ã€ã‚¬ãƒ©ã‚±ãƒ¼(フィーãƒãƒ£ãƒ¼ãƒ•ã‚©ãƒ³)端末å‘ã‘ã®ã‚¦ã‚§ãƒ–サイトを作æˆã™ã‚‹æ–¹æ³•ã®è§£èª¬ã§ã™ã€‚スマートフォン端末å‘ã‘ã®ã‚¦ã‚§ãƒ–サイトã®ä½œæˆæ–¹æ³•ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ã”注æ„下ã•ã„。スマートフォンå‘ã‘モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ä½œæˆæ–¹æ³•ã«é–¢ã—ã¦ã¯ã€ä¸‹è¨˜ã®è¨˜äº‹ãªã©ã‚’ã”å‚照下ã•ã„。 スマートフォン対応サイトを作る際ã®æ³¨æ„点 レスãƒãƒ³ã‚·ãƒ–・ウェブデザインã®ç°¡å˜ãªä½œã‚Šæ–¹ レスãƒãƒ³ã‚·ãƒ–CSSã§ä½¿ã†ãƒ–レイクãƒã‚¤ãƒ³ãƒˆã®æ±ºã‚æ–¹ モãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®CSSã®æ›¸ãæ–¹ ブラウザã®å¹…ã«åˆã‚ã›ã¦è¡¨ç¤ºã‚’自動変更ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–技12é¸
![æºå¸¯ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 第1回 作æˆæ–¹æ³•ã®åŸºç¤Ž [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/99ea29bf657cd4dbe096c25bd4423077e189e7a5/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F9%2F9%2F201610192029%2Ftopimg_original.jpg)
æ–‡æ›¸æ§‹é€ ã‚’è¡¨ç¾ã™ã‚‹XHTMLã‚¿ã‚°ã®æ£ã—ã„マークアップ HTMLタグリファレンス（1/10） - ï¼ IT
æ–‡æ›¸æ§‹é€ ã‚’è¡¨ç¾ã™ã‚‹ã‚¿ã‚° æ–‡æ›¸æ§‹é€ ã‚’è¡¨ç¾ã™ã‚‹XHTMLタグを大ã¾ã‹ã«åˆ†é¡žã—ã€åˆ†é¡žã—ãŸã‚¿ã‚°ã‚’XHTMLã®â€œè¦ç´ â€ã¨ã—ã¦ã€1ã¤ãšã¤ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ã“れらã®è¦ç´ é¡žã¯XHTMLã®éª¨æ ¼ï¼ˆæž ）ã¨ãªã‚‹éƒ¨åˆ†ã‚’å½¢æˆã—ã¦ã„ããŸã‚ã«ä½¿ã‚れるã€XHTMLã‚¿ã‚°ã®è¨˜è¿°ï¼ˆï¼ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—）を行ã†ã†ãˆã§åŸºç¤Žã¨ãªã‚‹è¦ç´ é¡žã§ã™ã€‚ htmlã‚¿ã‚°ãŒä¸€ç•ªã®å¤–å´ï¼ˆå…ˆç¥–）ã¨ãªã‚Šã€ãã®å†…å´ï¼ˆå）ã«ä¸Šã‹ã‚‰headè¦ç´ ã€bodyè¦ç´ ã¨ã„ã£ãŸé †ç•ªã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ã‚Œã¾ã™ã€‚ ページã¨ã—ã¦ä½œæˆã™ã‚‹ï¼ˆ.htmlファイル）ã®æ–‡æ›¸æ§‹é€ を考慮ã—ã€æƒ…å ±æ§‹é€ ã¨ã—ã¦è«–ç†çš„ã«åˆã£ã¦ã„ã‚‹ã‹ã¨ã„ã†ã®ã‚’考ãˆãªãŒã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è¡Œã„ã¾ã—ょã†ã€‚ htmlè¦ç´ htmlã®ãã‚Œãžã‚Œã®è¦ç´ ã¯htmlè¦ç´ ã‚’é ‚ç‚¹ã¨ã™ã‚‹éšŽå±¤æ§‹é€ ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã®ä¸ã§htmlè¦ç´ ã¯æœ€ã‚‚基礎ã¨ãªã‚‹è¦ç´ ã§ã€ãã®ã»ã‹ã®è¦ç´ ã¯ã™ã¹ã¦ãŒhtmlè¦ç´ ã®åã‚„åå«ï¼ˆâ€»ï¼‰ã¨ãªã‚‹é–¢ä¿‚性ã«ãªã‚Šã¾ã™ã€‚ ãªãŠã€htmlファイ
-float(フãƒãƒ¼ãƒˆ)を解除ã™ã‚‹3ã¤ã®æ–¹æ³•-Whisper | Diary
フãƒãƒ¼ãƒˆã«ã‚ˆã‚‹å›žã‚Šè¾¼ã¿ã‚’解除ã™ã‚‹ フãƒãƒ¼ãƒˆã‚’利用ã—ã¦ãƒœãƒƒã‚¯ã‚¹ã‚’é…ç½®ã™ã‚‹ã¨ã€æ„図ã—ãªã„è¦ç´ ãŒå›žã‚Šè¾¼ã¿ã—ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ フãƒãƒ¼ãƒˆã¨ã¯ã€ã€Žãƒ•ãƒãƒ¼ãƒˆã‚’é©å¿œã—ãŸæŒ‡å®šã•ã‚ŒãŸè¦ç´ を通常ã®æµã‚Œã‹ã‚‰å–り除ãã€å·¦ã¾ãŸã¯å³ã«å¯„ã›ã¦é…ç½®ã™ã‚‹ã‚’ã•ã›ã‚‹æ©Ÿèƒ½ã€ã®ã“ã¨ã§ã™ã€‚ ã¾ãŸé€šå¸¸ã®æµã‚Œã‹ã‚‰å–り除ãã¨ã„ã†ã“ã¨ã¯ã€è¦ªè¦ç´ ãŒé«˜ã•ã‚’æŒã£ã¦ã„ãªã„å ´åˆã€ åã®é«˜ã•(height)ã«ã‚ˆã£ã¦é«˜ã•ã‚’ç¶æŒã—ã¦ã„ãŸè¦ªã®é«˜ã•(height)ã¯å¤±ã‚ã‚Œã¾ã™ã€‚ ã¤ã¾ã‚Šåã«å¯¾ã—ã¦ãƒ•ãƒãƒ¼ãƒˆã‚’é©å¿œã™ã‚‹ã¨è¦ªã®é«˜ã•ãŒï¼ã«ãªã‚Šã€ よãå•é¡Œã¨ã—ã¦æŒ™ã’られる『背景ãŒãªããªã‚‹ã€ã¨ã„ã£ãŸã“ã¨ãŒèµ·ã“ã‚‹ã‚ã‘ã§ã™ã€‚ ãã®ç‚ºã€ãƒ•ãƒãƒ¼ãƒˆã‚’é©å¿œã—ãŸã‚‰ã€è§£é™¤ã®è¨å®šã‚’ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã“ã§ã¯ï¼“タイプã®è§£é™¤ã®æ–¹æ³•ã‚’載ã›ã¦ã¿ã¾ã™ã€‚ â– å…ƒã®çŠ¶æ…‹ floatã‚’é©ç”¨ã™ã‚‹å‰ã®çŠ¶æ…‹ã§ã™ã€‚ - XHTML - â– contentsã«floatã‚’é©å¿œã™ã‚‹ div id="conte
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CYBER@GARDEN - Web作æˆã€Webデザインã€HTMLã€XHTMLã€CSSã€JavaScript
{{#tags}}- {{label}}
{{/tags}}