RED LINE : ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ - livedoor Blog（ブãƒã‚°ï¼‰
ブãƒã‚°ãƒã‚¿ï¼šWEBä½œæˆ ã«å‚åŠ ä¸ï¼ 先日ã®ã€Œè«–ç†çš„æ§‹é€ ã¯ã“ã‚Œã ã‘押ã•ãˆã‚‹ã€ã®è¨˜äº‹ã®ã‚³ãƒ¡ãƒ³ãƒˆã«ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã«ã¤ã„ã¦è³ªå•ã„ãŸã ã„ãŸã®ã§è¨˜äº‹ã«ã—ã¦ã¿ã‚‹ã€‚ ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¨ã„ã†ã®ã¯ã€Œï¼‘ã¤ã®ã‹ãŸã¾ã‚Šã€ã¨ã—ã¦è€ƒãˆã‚‰ã‚Œã‚‹ã‚‚ã®ã€‚ 先日ã®è¨˜äº‹ä¸ã®ã‚¿ã‚°ã§è¨€ã†ã¨h1〜6（見出ã—）p（段è½ï¼‰ul/li（箇æ¡æ›¸ã）div（ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã§ã®ã‚°ãƒ«ãƒ¼ãƒ—・範囲）ãŒãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã«å½“ãŸã‚‹ã€‚ インラインè¦ç´ ã¯ã€ä¾‹ãˆã°ã€Žç¾åœ¨é »ç¹ã«è¦‹ã‹ã‘ã‚‹ã€Œæ§‹é€ ã¨è¦‹æ „ãˆã®åˆ†é›¢ã€ã¨ã„ã†è¨€è‘‰ã€‚ã€ã¨ã„ã†æ–‡ç« ã®ã€Œæ§‹é€ ã¨è¦‹æ „ãˆã®åˆ†é›¢ã€ã“ã“ã ã‘をピックアップã—ãŸã„時ã«åˆ©ç”¨ã™ã‚‹ã€‚ã¤ã¾ã‚Šä¸€éƒ¨åˆ†ã ã‘ã¨ã„ã†ã“ã¨ã§ã‚る。 先日ã®è¨˜äº‹ä¸ã®ã‚¿ã‚°ãªã‚‰ã° a（リンク）img（画åƒï¼‰em/strong（強調）span（インラインè¦ç´ ã§ã®ã‚°ãƒ«ãƒ¼ãƒ—・範囲）ãŒè©²å½“ã™ã‚‹ã€‚ ブãƒãƒƒã‚¯ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã®é–¢ä¿‚ã ãŒã€ã‚‚ã†å˜ç´”ã«ãƒ–ãƒãƒƒã‚¯ã®ä¸ã«ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãŒå˜åœ¨ã™ã‚‹ã€ã¨è€ƒ
<body>ã‚¿ã‚°ã®ç›´ä¸‹ã«ã¯ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã—ã‹ç½®ã„ã¦ã¯ã„ã‘ãªã„ - webデザイナーã®ãƒŠãƒŠãƒ¡ã‚¬ã‚
(X)HTML+CSSã®åŸºæœ¬ã§ã‚ã‚‹ã€ã€Œã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã€ã¨ã€Œãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã€ã«ã¤ã„ã¦å¿˜ã‚ŒãŒã¡ãªã“ã¨ã‚’メモ。 7.5.3 ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¨è¡Œå†…è¦ç´ HTMLã®è¦ç´ ã®ã†ã¡ã€BODYè¦ç´ ã«å‡ºç¾ã—å¾—ã‚‹è¦ç´ ã®ã‚ã‚‹ã‚‚ã®ã¯ã€Œãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã€ã¨å‘¼ã°ã‚Œã€ä»–ã®ã‚‚ã®ã¯ã€Œè¡Œå†…〠(ã“ã‚Œã¯ã€Œãƒ†ã‚ストレベルã€ã¨ã—ã¦ã‚‚知られã¦ã„ã‚‹)ã¨å‘¼ã°ã‚Œã‚‹ã€‚ ã¤ã¾ã‚Šã€Ž<body>ã‚¿ã‚°ã®ç›´ä¸‹ã«ã¯ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã—ã‹ç½®ã„ã¦ã¯ã„ã‘ãªã„ã€ã¨ã„ã†ã“ã¨ã€‚ ã“ã‚Œã¯åŸºæœ¬éŽãŽã¦å¿˜ã‚ŒãŒã¡ã€‚パーツã”ã¨ã«ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ （divã€pãªã©ï¼‰ã§å›²ã£ã¦ã‹ã‚‰ä½œã‚‹ã®ãŒæ™®é€šã ã‘ã©ã€ä¸€å¿œå¿ƒã«ç•™ã‚ã¦ãŠããŸã„。インラインè¦ç´ ã‚’CSSã§{display:block}ã¨ã—ã€è¡¨ç¤ºä¸Šãƒ–ãƒãƒƒã‚¯è¦ç´ ã«ã¯ã§ãã‚‹ãŒã€æ–‡æ³•çš„ã«ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã®ã¾ã¾ãªã®ã§æ³¨æ„ãŒå¿…è¦ã€‚ ã‚ã¨ç´›ã‚‰ã‚ã—ã„ã®ãŒã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ–ãƒãƒƒã‚¯è¦ç´ ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ï¼ˆappletã€buttonã€delã€iframeã€insã€m
Block-level content (ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„) - MDN Web Docs 用語集: ウェブ関連用語ã®å®šç¾© | MDN
CSS ã«ãŠã„ã¦ã€ãƒ–ãƒãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ä¿‚ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨å‘¼ã°ã‚Œã¾ã™ã€‚ ブãƒãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã¯ã€ãƒœãƒƒã‚¯ã‚¹ã¯æ¬¡ã€…ã¨åž‚ç›´ã«ã€åŒ…å«ãƒ–ãƒãƒƒã‚¯ã®ä¸Šã‹ã‚‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã•ã‚Œã¾ã™ã€‚å„ボックスã®å·¦ã®å¤–辺ã¯ã€æ ¼ç´ã™ã‚‹ãƒ–ãƒãƒƒã‚¯ã®å·¦ã®è¾ºã«æŽ¥ã—ã¾ã™ã€‚ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¯å¸¸ã«æ–°ã—ã„è¡Œã‹ã‚‰å§‹ã¾ã‚Šã¾ã™ã€‚英語やアラビア語ã®ã‚ˆã†ãªæ¨ªæ›¸ãã§ã¯ã€è¦ªè¦ç´ （コンテナー）ã®æ°´å¹³ç©ºé–“全体ã¨ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å«ã‚€é«˜ã•ã«ç‰ã—ã„垂直空間をå ã‚ã‚‹ãŸã‚ã€ã€Œãƒ–ãƒãƒƒã‚¯ã€ã‚’作æˆã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚
ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´
ウェブスタンダードãªã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’書ããŸã‚ã®åŸºç¤ŽçŸ¥è˜ã§ã™ã€‚タイトルã«ã¤ã„ã¦ã€ä»–ã«è©³ã—ã書ã‹ã‚ŒãŸã‚µã‚¤ãƒˆãŒè‰²ã€…ã‚ã‚Šã¾ã™ãŒã€å½“サイトã§ã‚‚ã¾ã¨ã‚ã¦è¨˜ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ HTMLè¦ç´ ã®æ§‹é€ HTML文書ã¯ä¸€ã¤ã®htmlè¦ç´ ã‹ã‚‰ãªã‚Šã¾ã™ã€‚ã•ã‚‰ã« htmlè¦ç´ 㯠head è¦ç´ 㨠body è¦ç´ ã‹ã‚‰ãªã‚Šã¾ã™ã€‚ãã—ã¦ã€body è¦ç´ ã®ä¸ã§ä½¿ãˆã‚‹è¦ç´ （タグ）ã¯å¤§ãã「ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã€ã¨ã€Œã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã€ã®äºŒã¤ã«åˆ†é¡žã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ 「ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã€ã¨ã¯ã€è¦‹å‡ºã—（h1?h6）・段è½ï¼ˆp）・リスト（ul/ol ）・テーブル（table）ãªã©ã€æ–‡æ›¸ã®åŸºæœ¬çš„ãªæ§‹é€ を示ã™ã‚‚ã®ã§ã™ã€‚ãã®åã®é€šã‚Šã€Œãƒ–ãƒãƒƒã‚¯ï¼ˆçŸ©å½¢ï¼‰ã€ã¨ã—ã¦ã€è¦ç´ ã®å‰å¾Œã«æ”¹è¡Œã‚’ä¼´ã£ãŸè¡¨ç¤ºãŒã•ã‚Œã¾ã™ã€‚ ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®ä¸»ãªã‚¿ã‚°ã¯æ¬¡ã®é€šã‚Šã§ã™ã€‚ p / h1?h6 / ul / ol / dir / pre / dl
ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ - Web標準普åŠãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ
ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¨ã¯æ˜”風ã®è§£èª¬ã§è¨€ã†ãªã‚‰ã€æ”¹è¡Œã‚’ä¼´ã†è¦ç´ ã§ã™ã€‚ 上記ã®ä¾‹ã§ã¯é’ã„ボーダーã®è¦ç´ ã§ã™ã€‚ HTML4.01 Strictã§ã¯æ¬¡ã®è¦ç´ ãŒã“ã‚Œã«ã‚ãŸã‚Šã¾ã™ã€‚ p div table dl ul ol form address blockquote h1 h2 h3 h4 h5 h6 fieldset hr pre ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®ç‰¹å¾´ã¯ã€è¦ªè¦ç´ ã®å†…容幅全体ã«åºƒãŒã£ã¦é…ç½®ã•ã‚Œã¾ã™(上記ã®ä¾‹ã§ã¯é»’ã„二é‡ã®ãƒœãƒ¼ãƒ€ãƒ¼ãŒè¦ªè¦ç´ ã®ãƒœãƒ¼ãƒ€ãƒ¼ã§ã™)。 ã¤ã¾ã‚Šã€ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®æ¨ªã«ä»–ã®è¦ç´ ã¯(通常フãƒãƒ¼ãªã‚‰)並ã¹ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“。 ã“ã®ã‚ˆã†ãªç‰¹å¾´ã‹ã‚‰ãƒœãƒ¼ãƒ€ãƒ¼ãŒ(見ãˆã¦)ãªã„時ã®æ§˜åã‹ã‚‰ã€Œæ”¹è¡Œã‚’ä¼´ã†ã€ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ CSS2ã§ã¯ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¯çŸ©å½¢(四角形)ã§è¡¨ç¾ã•ã‚Œã‚‹ã¨è€ƒãˆã‚‹ã¨ç°¡å˜ã«ç†è§£ã§ãã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ インラインè¦ç´ ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã«å¯¾ã—ã€æ–‡ä¸ã®ä¸€éƒ¨
ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´
HTMLã§ã¯å¤šãã®è¦ç´ タイプãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã®ã†ã¡bodyè¦ç´ ã®ä¸ã§ä½¿ã‚れるもã®ã¯ã€å¤§ãã「ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã€ã¨ã€Œã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã€ã«åˆ†ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¯è¦‹å‡ºã—ã€æ®µè½ãªã©æ–‡æ›¸ã‚’構æˆã™ã‚‹åŸºæœ¬è¦ç´ ã¨ãªã‚‹ã‚‚ã®ã§ã™ã€‚ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®å†…容モデルã«ã¯ã€åˆ¥ã®ãƒ–ãƒãƒƒã‚¯è¦ç´ やインラインè¦ç´ ã‚’å«ã‚€ã“ã¨ãŒã§ãã¾ã™ãŒã€é€†ã«ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã®ä¸ã«ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã‚’ç½®ãã“ã¨ã¯ã§ãã¾ã›ã‚“。 ＊ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã«å±žã™ã‚‹è¦ç´ タイプã§ã‚‚ã€pè¦ç´ タイプã®ã‚ˆã†ã«å†…容モデルã«ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã—ã‹æŒã¦ãªã„ã‚‚ã®ã€preè¦ç´ タイプã®ã‚ˆã†ã«ã•ã‚‰ã«å†…容ãŒé™å®šã•ã‚Œã‚‹ã‚‚ã®ã€hrè¦ç´ タイプã®ã‚ˆã†ã«å†…容をæŒãŸãªã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¯ã€ãƒ–ラウザã§ã®è¡¨ç¤ºã«éš›ã—ã¦ã‚‚ã²ã¨ã¤ã®ã€Œãƒ–ãƒãƒƒã‚¯ï¼ˆé€šå¸¸æ”¹è¡Œã‚’ä¼´ã†è¡¨ç¤ºä¸Šã®ã¾ã¨ã¾ã‚Šï¼‰ã€ã¨ã—ã¦æ‰±ã‚ã‚Œã¾ã™ã€‚ブãƒãƒƒã‚¯ã®é–“ã«ç©ºè¡Œã‚’ç½®ãã‹ã©ã†ã‹ã¯ã€ä»•æ§˜æ›¸ã«ã¯å®š
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ＨＰã®ç´ 「もã£ã¨çŸ¥ã‚ŠãŸã„ã€ï¼šãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ 
(X)HTML タグ　ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã¾ã¨ã‚-Dig*Dag
{{#tags}}- {{label}}
{{/tags}}