div
è¦ç´ since: 31st/Aug./2001; last modified: 13th/Sep./2001
div
è¦ç´ タイプã¯ãƒ†ã‚ストモジュールã«å«ã¾ã‚Œã¦ãŠã‚Šã€ XHTML 1.1 ã®å†…容モデルã§ã¯ã€å†…容セット Block
ã«å«ã¾ã‚Œã€DTD ã§ã¯ %Block.mix;
ã«å«ã¾ã‚Œã¾ã™ã€‚従ã£ã¦ã€ä¾‹ãˆã° body
è¦ç´ タイプã®åè¦ç´ ã¨ã—ã¦å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚
åå‰ | div |
---|---|
分類 | Block |
æ„味 | division, generic language/style container |
日本語 | ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã‚°ãƒ«ãƒ¼ãƒ—化è¦ç´ ã€è¨€èªžãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚³ãƒ³ãƒ†ãƒŠ |
div
è¦ç´ タイプã¯ã€æ–‡æ›¸ã®è¦ç´ ã®æ§‹é€ 化を助ã‘ã¾ã™ã€‚内容ã«ã¯ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã®è¦ç´ ã‚’æŒã¤ã“ã¨ãŒå¯èƒ½ã§ã€å«ã¾ã‚ŒãŸå†…容を一ã¤ã®å˜ä½ã¨ã—ã¦æ‰±ã†ã¨ãã«ç”¨ã„ã¾ã™ã€‚例ãˆã°ã€åŸºæº–言語ãŒæ—¥æœ¬èªžã®æ–‡æ›¸å†…ã§ã€ä¸€éƒ¨åˆ†ã«å¤šè¨€èªžã®è¦ç´ æ§‹é€ ãŒã‚ã‚Œã°ã€ãれらã®è¦ç´ ã‚’ div
è¦ç´ ã®å†…容ã¨ã—ã¦ã€ xml:lang
属性を与ãˆã¾ã™ã€‚
è¦ç´ | 属性 | 最å°å†…容モデル |
---|---|---|
div |
Common |
(PCDATA | Flow)* |
実装: DTDã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ï¼š Block Structural
div
è¦ç´ タイプã«å®šç¾©ã•ã‚Œã¦ã„る内容ã¯ã€ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã®è¦ç´ ã¨ã€ãƒ†ã‚スト水準ã®è¦ç´ ã§ã™ã€‚概念モジュール定義ã§ã¯ã€å†…容セット #PCDATA | Flow
ã§å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ï¼š
Flow
Heading | Block | List | Inline
ã¤ã¾ã‚Šã€ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã¨ã€ãƒ†ã‚ストレベルã®å…¨ã¦ã®è¦ç´ タイプãŒå†…容ã«å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚DTD ã§ã¯æ¬¡ã®ã‚ˆã†ã«å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ï¼š
<!ENTITY % Flow.mix "%Heading.class; | %List.class; | %Block.class; | %Inline.class; %Misc.class;" >
div
è¦ç´ タイプã®å½¹å‰²ã¯ã€ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®ã‚°ãƒ«ãƒ¼ãƒ—化ã§ã™ã‹ã‚‰ã€å˜ãªã‚‹æ–‡å—データやã€ãƒ†ã‚スト水準ã®è¦ç´ ãŒè£¸ã§ç¾ã‚Œã‚‹ã“ã¨ã¯ã‚ã¾ã‚Šå¥½ã¾ã—ãã‚ã‚Šã¾ã›ã‚“。ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã®è¦ç´ をグループ化ã™ã‚‹ã¨ãã«ã€ãƒ†ã‚スト水準ã®è¦ç´ ãŒå«ã¾ã‚Œã¦ã—ã¾ã†ã‚ˆã†ãªæ§‹é€ 化ã«ã¯å•é¡ŒãŒã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚
Heading ã‚„ p è¦ç´ 〠address è¦ç´ ã®å†…容ã§ã‚るテã‚スト水準ã®è¦ç´ をグループ化ã™ã‚‹ãŸã‚ã«ã¯ã€ span
è¦ç´ ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚
言語ã®æ§‹é€ 化をæ„è˜ã™ã‚‹ã¨ãã€ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«ã® div
è¦ç´ ã¨ã€ãƒ†ã‚ストレベル㮠span
è¦ç´ ã¯ä¸å¯æ¬ ã®é‡è¦ãªè¦ç´ ã§ã™ã€‚
XHTML 文書ã¯æœ¨æ§‹é€ ã‚’ã—ã¦ã„ã¾ã™ã€‚ルートè¦ç´ ã§ã‚ã‚‹ html è¦ç´ ã®åノード(節)ã¨ã—㦠head è¦ç´ 㨠body è¦ç´ ãŒå˜åœ¨ã—ã€ãã®å„々ã®åノードã¨ã—ã¦â€¦â€¦
ã“ã®ãƒŽãƒ¼ãƒ‰ã®é–¢ä¿‚を〠div è¦ç´ ã§ã‚ˆã‚Šé©åˆ‡ã«æ§‹é€ 化ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚以下ã®ä¾‹ã§ã¯ã€ãƒãƒ£ãƒ—ã‚¿ãƒ¼ï¼ˆç« ï¼‰æ°´æº–ã®è¦ç´ を全体ã§ã‚°ãƒ«ãƒ¼ãƒ—化ã—ã€ãã®å†…容ã«ã‚»ã‚¯ã‚·ãƒ§ãƒ³ï¼ˆç¯€ï¼‰æ°´æº–ã®è¦ç´ をグループ化ã—ã€ãã®å†…容ã«ã‚µãƒ–セクション(å°ç¯€ï¼‰æ°´æº–ã®è¦ç´ をグループ化ã—ã¦ã„ã¾ã™ã€‚ã“ã®æ–‡æ›¸ã«è¤‡æ•°ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã€ã‚µãƒ–セクションãŒå˜åœ¨ã—ã¦ã„ãŸå ´åˆã€ã²ã¨ã¤ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã¯ã€ä¸€ã¤ã®ãƒŽãƒ¼ãƒ‰ã€å³ã¡ä¸€ã¤ã® div è¦ç´ ã¨ã—ã¦æ‰±ã†ã“ã¨ãŒã§ãã¾ã™ï¼š
<body> <div class="chapter" id="0"> <h1>XHTML 1.1 ã¨ã¯ãªã‚“ã ã‚ã†ã‹</h1> <div class="section" id="1"> <h2>1. HTML ã«ã¤ã„ã¦</h2> <p>XHTML 㯠HTML ã‚’ XML 化ã—ãŸã‚‚ã®ã§ã™ã€‚最åˆã«ã€ HTML ã®æž 組ã¿ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚</p> <div class="subsection" id="1.1"> <h3>1.1 è«–ç†ãƒ‡ã‚¶ã‚¤ãƒ³ã¨è¦–覚デザイン</h3> <p>見ãªãŒã‚‰è¨è¨ˆã—ã¦ã„ãã“ã¨ã‚’視覚デザインã¨å‘¼ã³ã€ 仕組ã¿ã‚’考ãˆã¦è¨è¨ˆã—ã¦ã„ãã“ã¨ã‚’è«–ç†ãƒ‡ã‚¶ã‚¤ãƒ³ã¨å‘¼ ã³ã¾ã™ã€‚</p> <p>HTML ã¯è«–ç†ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®è¨€èªžã§ã™ãŒã€å¤§äº‹ãªã“ ã¨ã¯ä½•ã®ãŸã‚ã«ã©ã†ãªã‚Œã°ã‚ˆã„ã®ã‹ã€ç›®çš„ã¨ç›®æ¨™ã‚’明 確ã«ã™ã‚‹ã“ã¨ã§ã™ã€‚</p> </div> <!--subsection end--> </div> <!--section end--> </div> <!--chapter end--> </body>
ã“ã®ã‚ˆã†ãªæ§‹é€ 化ã®åŽ³å¯†åŒ–ã¯ã€ XML 文書ã¨ã—ã¦ã¯ä¸å¯æ¬ ãªã‚‚ã®ã§ã‚ã‚Šã€é©åˆ‡ã«æ§‹é€ 化ã•ã‚ŒãŸæ–‡æ›¸ã®æƒ…å ±çš„ä¾¡å€¤ã¯é«˜ã¾ã‚Šã¾ã™ã€‚
グループ化ã¯è¨€èªžã®ç•°ãªã‚‹è¦ç´ ã®ã‚°ãƒ«ãƒ¼ãƒ—化ãªã©ã«ã‚‚有効ã§ã™ï¼š
<p>ã“ã‚Œã¯æ—¥æœ¬èªžæ–‡æ›¸ã§ã™ã€‚</p> <div xml:lang="en"> <p>This is a English paragraph.</p> <p>This paragraph is in English.</p> </div> <p>ã“ã®æ®µè½ã¯æ—¥æœ¬èªžã§ã™ã€‚</p>
スタイルシートã«ã‚ˆã‚‹è¦‹æ „ãˆã®èª¿æ•´ãªã©ã«ã‚‚有効ã§ã™ï¼š
<p>ã“ã“ã¯æ™®é€šã®æ®µè½ã§ã™ã€‚</p> <div class="caution"> <p>ã“ã“㯠div è¦ç´ ã®å†…容ã§ã‚る段è½ã§ã™ã€‚</p> <pre>ã“ã“㯠div è¦ç´ ã®å†…容ã§ã‚ã‚‹ pre è¦ç´ ã§ã™ã€‚</pre> </div> <p>ã“ã“ã¯æ™®é€šã®æ®µè½ã§ã™ã€‚</p>
上ã®ä¾‹ã§ã€ class="caution"
を与ãˆã‚‰ã‚ŒãŸ div è¦ç´ ã¨ã€ãã®åノードã§ã‚ã‚‹ p è¦ç´ 㨠pre è¦ç´ ã«å¯¾ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€æ¬¡ã®ã‚ˆã†ã«è¨˜è¿°ã§ãã¾ã™ï¼š
div.caution { border: 1px solid red } div.caution p { background: maroon; color: #fcc } div.caution pre { background: #fcc; color: #300 }
SEO | [PR] ”š‘¬!–³—¿ƒuƒƒO –³—¿ƒz[ƒ€ƒy[ƒWŠJÝ –³—¿ƒ‰ƒCƒu•ú‘— | ||