style
è¦ç´ since: 31st/Aug./2001; last modified: 8th/Sep./2001
style
è¦ç´ タイプã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«å«ã¾ã‚Œã‚‹è¦ç´ ã§ã€ head
è¦ç´ ã®åè¦ç´ ã¨ã—ã¦å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ head è¦ç´ ã¯ä»»æ„ã®å€‹æ•° style è¦ç´ ã‚’æŒã£ã¦è‰¯ã„ã“ã¨ã«ãªã£ã¦ã„ã¾ã™ã€‚
style
è¦ç´ タイプã®å½¹å‰²ã¯ã€å½“該文書ã«é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«æƒ…å ±ã‚’è¨˜è¿°ã™ã‚‹ã“ã¨ã§ã™ã€‚複数ã®æ–‡æ›¸ã«é©ç”¨ã•ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«æƒ…å ±ã¯ã€ link
è¦ç´ を用ã„ã¦ã€å¤–部スタイルシートã§ç”¨æ„ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ょã†ã€‚
style
è¦ç´ モジュールã®ç«‹å ´ã¨ã—ã¦ã¯ã€ style
属性ã¯ã€Œã‚¹ã‚¿ã‚¤ãƒ«å±žæ€§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã€ã§å®šç¾©ã•ã‚Œã¾ã™ã€‚
è¦ç´ | 属性 | 最å°å†…容モデル |
---|---|---|
style |
I18N , media (MediaDesc), title (Text), type * (ContentType), xml:space="preserve" |
PCDATA |
実装: DTD
style
è¦ç´ ã®å†…容ã¯ã€è§£æžå¯¾è±¡ã¨ãªã‚‹æ–‡å—データ (Processed Character DATA) ã§ã™ã€‚å˜ãªã‚‹æ–‡å—データ (CDATA) ã§ã¯ãªã„ã®ã§ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—区切り文å—ã¯æ„味をæŒã¡ã€æ–‡å—実体å‚ç…§ãªã©ã¯å±•é–‹ã•ã‚Œã¾ã™ãŒã€ãれ以外ã¯é€šå¸¸ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®å®£è¨€ã§ã™ï¼š
<styler type="text/css"> body { background: #cfc; color: #030 } p { background: #ccf; color: #003 } </style>
CDATA ã«ã™ã‚‹ç‚ºã«ã¯ CDATA セクションを利用ã™ã‚‹ã¹ãã§ã™ï¼š
<styler type="text/css"> <![CDATA[ body { background: #cfc; color: #030 } p { background: #ccf; color: #003 } ]]> </style>
ã“ã‚Œã¯è¦æ ¼ã¨ã—ã¦ã¯æ£ã—ã„ã®ã§ã™ãŒã€ MS I.E.6, Netscape6 ã‚’å«ã‚€æ®†ã©ã®ãƒ–ラウザã§ã¯ CDATA セクションã¯æ£ã—ã解釈ã•ã‚Œãªã„ã®ã§ã€åˆ©ç”¨ã—ãªã„æ–¹ãŒè‰¯ã„ã§ã—ょã†ã€‚
HTML 4 ã§ã¯ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ブラウザã§ã€ã‚¹ã‚¿ã‚¤ãƒ«æƒ…å ±ãŒãƒ†ã‚ストã®ã¾ã¾è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã†ã®ã‚’é¿ã‘ã‚‹ãŸã‚ã«ã€ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆã™ã‚‹ã‚ˆã†ã«æŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã—ãŸï¼š
<styler type="text/css"> <!-- h1 { background: #030; color: #cfc } --> </style>
HTML 4 ã§ã¯ style
è¦ç´ ã®å†…容㌠CDATA ã ã£ãŸã®ã§ã€ "<!--
" ã¯è§£æžã•ã‚Œãšã€ã‚³ãƒ¡ãƒ³ãƒˆåŒºåˆ‡ã‚Šã¨ã—ã¦ã®æ„味をæŒã¦ã¾ã›ã‚“。逆ã«ã€ style
è¦ç´ をサãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ユーザエージェントã¯ã€å†…容を通常㮠PCDATA ã¨è§£é‡ˆã—ã¦ã—ã¾ã†ã®ã§ã€ã‚³ãƒ¡ãƒ³ãƒˆãŒæœ‰åŠ¹ã«ãªã‚Šã€å†…容ãŒç„¡è¦–ã•ã‚Œã‚‹ã®ã§ã™ã€‚
ã—ã‹ã—〠XHTML ã§ã¯ style
è¦ç´ ã®å†…容も PCDATA ã«ãªã£ãŸã®ã§ã€ "<!--
" ã¯ã‚³ãƒ¡ãƒ³ãƒˆé–‹å§‹ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—区切りã¨ã—ã¦è§£é‡ˆã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ãã—ã¦ã€ XML ã§ã¯ã€ã‚³ãƒ¡ãƒ³ãƒˆå†…部ã¯å®Œå…¨ã«ç„¡è¦–ã•ã‚Œå¾—ã¾ã™ã€‚ã—ãŸãŒã£ã¦ã€ã‚¹ã‚¿ã‚¤ãƒ«æƒ…å ±ã‚‚æ„味を失ã„ã€åƒã‹ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚
内容㌠PCDATA ã«å®šç¾©ã•ã‚Œã¦ã„る時点ã§ã€å¾Œæ–¹äº’æ›ã¨ã—ã¦ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆã¯åˆ©ç”¨ã§ããªããªã‚Šã¾ã—ãŸã€‚å¿…è¦ãªå ´åˆã¯ã€å¤–部スタイルシートを使ã„ã¾ã—ょã†ã€‚
「CDATA 㨠PCDATAã€ã¨ã€Œã‚³ãƒ¡ãƒ³ãƒˆã€ã«é–¢ã—ã¦ã¯ã€æœ¬ç¨¿ä»˜éŒ²ã€Œã‚³ãƒ¡ãƒ³ãƒˆã¨ CDATA セクションã€ã‚’å‚ç…§ãã ã•ã„。
I18N
xml:lang
属性media
= MediaDescmedia="screen"
ã€
å°åˆ·ç´™åª’体ãªã‚‰ã° media="print"
title
= Texttype
= ContentTypetype="text/css"
xml:space
= preserve
preserve
ã«å›ºå®šã•ã‚Œã¦ã„る。xml:space="preserve"
を与ãˆã¾ã™ã€‚å対ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®åˆæœŸå€¤ã«ä»»ã›ã‚‹å ´åˆã¯ã€ xml:space="default"
を指定ã—ã¾ã™ã€‚<head> <!--HTTPå¿œç”メッセージヘッダã¸ã®å‡ºåŠ›--> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <!--文書ã®ã‚¿ã‚¤ãƒˆãƒ«--> <title>XHTML 1.1 ã¨ã¯ãªã‚“ã ã‚ã†ã‹</titel> <!--当該文書ã«å¯¾ã™ã‚‹ã€Œæœ€åˆã€ã¨ã€Œç´¢å¼•ã€ã®ãƒšãƒ¼ã‚¸ã®å‚ç…§--> <link rel="start index" href="./index.html" /> <!--コンピュータスクリーンã¸ã®å¤–部スタイルシートã®å‚ç…§--> <link rel="stylesheet" href="./XHTML11/core.css" type="text/css" media="screen" title="Core Style Information for Computer Screen" /> <!--å°åˆ·åª’体ã¸ã®å¤–部スタイルシートã®å‚ç…§--> <link rel="stylesheet" href="./XHTML11/paper.css" type="text/css" media="print" title="Style Information for Printed Paper" /> <!--当該文書内ã®è¦ç´ ã«ã¤ã„ã¦ã®ã‚¹ã‚¿ã‚¤ãƒ«æƒ…å ±ã®è¨˜è¿°--> <style type="text/css" media="screen,print"> p.memo { font: italic bold 80% sans-serif } </style> </head>
スタイルシートã®æ¦‚è¦ã«é–¢ã—ã¦ã¯æœ¬ç¨¿ä»˜éŒ²ã®ã€ŒCSSã€ã€è©³ç´°ã«é–¢ã—ã¦ã¯åˆ¥ç¨¿ã€ŒCSS ã¨ã¯ãªã‚“ã ã‚ã†ã‹ã€ã‚’å‚ç…§ãã ã•ã„。
SEO | [PR] ”š‘¬!–³—¿ƒuƒƒO –³—¿ƒz[ƒ€ƒy[ƒWŠJÝ –³—¿ƒ‰ƒCƒu•ú‘— | ||