HTMLタグボード - HTMLタグ一覧ã€CSSリファレンスãªã©HTMLタグボード HTMLタグ一覧ã€CSSリファレンスã€SEOã€ãƒ–ãƒã‚°åŽç›ŠåŒ–ãªã©Webサイトやブãƒã‚°ã‚’é‹å–¶ã™ã‚‹äººã‚’å¿œæ´ã™ã‚‹ç·åˆã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚µã‚¤ãƒˆ
ブãƒãƒƒã‚¯è¦ç´ ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã®é•ã„ (kuruman.org > 駄的HTML改善計画)
ブãƒãƒƒã‚¯è¦ç´ ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã®é•ã„ã¯éžå¸¸ã«é‡è¦ã«ã‚‚é–¢ã‚らãšã€æ°—ã«ã‚‚ç•™ã‚ãšã«HTMLを記述ã—ã¦ã„る人ãŒå¤šã見å—ã‘られã¾ã™ã€‚ ã“ã“ã§ãã¡ã‚“ã¨ç†è§£ã—ã¦ã—ã¾ã„ã¾ã—ょã†ã€‚ åŸºæœ¬äº‹é … ブãƒãƒƒã‚¯è¦ç´ ã£ã¦ä½•ã ? ブãƒãƒƒã‚¯è¦ç´ ã¨ã¯ã€ 文書ã®éª¨çµ„ã¿ ã§ã™ã€‚ 例ãˆã°è¦‹å‡ºã—を表㙠<h1> ã‚„ã€æ®µè½ã‚’表㙠<p> ãªã©ãŒãƒ–ãƒãƒƒã‚¯è¦ç´ ã§ã™ã€‚ ã“れらã¯è¦–覚表ç¾ã‚’ã™ã‚‹UA(例ãˆã°MSIEã‚„Mozillaãªã©)ã§ã€ç‰¹ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’指定ã—ãªã„å ´åˆã€å¹…ã‚’ç”»é¢ã„ã£ã±ã„ã«å–ã‚Šã€å‰å¾ŒãŒæ”¹è¡Œã•ã‚Œã¾ã™ã€‚ ç°¡å˜ã«è¨€ã£ã¦ã—ã¾ã†ãªã‚‰ã°ã€ãƒ–ãƒãƒƒã‚¯ã‚’作り出ã—ã¾ã™ã€‚ ã“れらã®ä¸ã«ã¯å¤§æŠµä»–ã®ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚„ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã‚’å«ã‚€äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ ブãƒãƒƒã‚¯è¦ç´ ã®ä¸€è¦§ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ を知ã£ã¦ã‹ã‚‰èª¬æ˜Žã™ã‚‹ã“ã¨ã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ インラインè¦ç´ ã£ã¦ä½•ã ? inlineを直訳ã™ã‚‹ã¨ã€Œè¡Œå†…ã€ã§ã‚ã‚‹ã¨ãŠã‚Šã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ 㯠行ã®ä¸ã®æ–‡å—ã«è«–ç†çš„ãªæ„味をæŒãŸã›ãŸã‚Šã—ã¾
METAタグリファレンス
METAã‚¿ã‚°ã¯HTMLæ–‡ã®<head>～</head>é–“ã«æŒ¿å…¥ã—ã€HEADã‚¿ã‚°è¦ç´ ã§ã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œãªã„ä»˜åŠ çš„æƒ…å ±ã®è¨˜è¼‰ã‚’ã—ã¾ã™ã€‚METAè¦ç´ ã¯ãƒ—ãƒãƒ‘ティã¨ãã®å€¤ã®æŒ‡å®šã®çµ„ã¿åˆã‚ã›ã§ä½¿ç”¨ã•ã‚Œã¾ã™ã€‚プãƒãƒ‘ティã«ã¯ã€Œhttp-equivã€ã€ã€Œnameã€ãŒã‚ã‚Šã€å€¤ã®æŒ‡å®šã¯ã€Œcontentã€ã§è¡Œã„ã¾ã™ã€‚ä»–ã«ã‚‚プãƒãƒ‘ティ値ã®è§£é‡ˆã«ç”¨ã„ã‚‹ã¹ãスã‚ームã®åå‰ã‚’示ã™ã€Œschemeã€ã¨ã„ã†ãƒ—ãƒãƒ‘ティもã‚ã‚Šã¾ã™ãŒã€ã‚ã¾ã‚Šä¸€èˆ¬çš„ã§ã¯ã‚ã‚Šã¾ã›ã‚“。METAã‚¿ã‚°ã¯å¹¾ã¤å…¥ã‚Œã¦ã‚‚構ã„ã¾ã›ã‚“ãŒã€ä½¿ç”¨ã—ãªãã¦ã‚‚特ã«å•é¡Œã¯ã‚ã‚Šã¾ã›ã‚“。ã¾ãŸã€ãƒ–ラウザã«ã‚ˆã£ã¦ã¯å¯¾å¿œã—ã¦ã„ãªã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ æ–‡å—コード（MIMEタイプや文å—符å·åŒ–方法）を指定ã™ã‚‹ã¨ãã«ä½¿ã‚ã‚Œã¾ã™ã€‚æ–‡å—コードãŒSJIS(シフトJISã€é€šå¸¸WindowsシリーズやMacintoshã§ä½¿ã‚れる日本語)ã®å ´åˆã¯ä¸Šè¨˜ã®ã‚ˆã†ã«æ›¸ãã¾ã™ã€‚ã“れを入れるã“ã¨ã«ã‚ˆã‚Šæ–‡å—化ã‘ãŒãªããªã‚Šã¾
ページ内ジャンプ HTML <a>
リンクã—ãŸã„å ´æ‰€ã«ã‚¢ãƒ³ã‚«ãƒ¼ï¼ˆç›®å°ï¼‰ã‚’ç½®ã„ã¦ã€<a href="#アンカーå">ã§ãƒªãƒ³ã‚¯ã™ã‚‹ã¨ãƒšãƒ¼ã‚¸å†…ジャンプãŒå‡ºæ¥ã‚‹ã€‚ アンカー（目å°ï¼‰ã‚’作る <a name="アンカーå">æ–‡å—</a> ページ内ã®å¥½ããªå ´æ‰€ã‚„特定ã®æ–‡å—ã«ã‚¢ãƒ³ã‚«ãƒ¼åã‚’ã¤ã‘る。 例） <a name="a1" >内容</a> <è¦ç´ id="アンカーå"> è¦ç´ ãã‚Œãžã‚Œã«id属性を使ã£ã¦ã€ã‚¢ãƒ³ã‚«ãƒ¼åã‚’ã¤ã‘ã‚‹ã“ã¨ã‚‚ã§ãる。 例） <h2 id="a2">内容</h2> 例） <div id="a3">内容</div> アンカーåã¯å¥½ããªåå‰ã‚’ã¤ã‘ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ åŒãƒšãƒ¼ã‚¸å†…ã§ã¯ã€åŒã˜ã‚¢ãƒ³ã‚«ãƒ¼åã¯ä½¿ãˆãªã„。アンカーåã¯åŠè§’英数å—ã§ã¤ã‘る。 ページ内ã®ã‚¢ãƒ³ã‚«ãƒ¼ã¸ãƒªãƒ³ã‚¯ã™ã‚‹ <a href="#アンカーå">æ–‡å—・画åƒ</a> <a name="アンカーå">ã‚„<è¦ç´ id="アンカーå">ã§ã‚¢ãƒ³ã‚«ãƒ¼åã‚’ã¤ã‘ãŸå ´æ‰€ã«ãƒªãƒ³ã‚¯ã—ã¾ã™ã€‚
dtã€ddè¦ç´ ã§è¡¨çµ„ã¿ã‚’作る - FLA-FLI ä½è³€ã‚ãŸã‚Šã§åƒãWebデザイナーã®ãƒ–ãƒã‚°
dtã€ddè¦ç´ ã§è¡¨çµ„ã¿ã‚’作る 2007å¹´08月27æ—¥ ãŸã¾ã«ã¯ä»•äº‹ãŒã‚‰ã¿ã®ãŠè©±ã‚‚。 最近ã¯ã€dtã€ddを使ã£ã¦ã€æ“¬ä¼¼çš„ãªè¡¨çµ„ã¿ã‚’作るã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ 別ã«ãƒ†ãƒ¼ãƒ–ルã§ã‚‚ã„ã„ã‚“ã§ã™ã‘ã©ã。 表組ã¿ã ã£ãŸã‚‰ã€ãƒ†ãƒ¼ãƒ–ルã§ã‚‚ã„ã„ã‚“ã ã‘ã©ã€ã¡ã‚‡ã£ã¨é•ã†ã‹ãªã€‚ã£ã¦ã¨ãã¯ã€dtã€ddを使ã£ã¦ã¾ã™ã€‚ ã§ã€ãã®æ–¹æ³•ã€‚ HTMLソース <dl> <dt>é …ç›®1</dt> <dd>é …ç›®1ã®å†…容ã§ã™ã€‚</dd> <dt>é …ç›®2</dt> <dd>é …ç›®2ã®å†…容ã§ã™ã€‚</dd> <dt>é …ç›®3</dt> <dd>é …ç›®3ã®å†…容ã§ã™ã€‚é …ç›®3ã®å†…容ã§ã™ã€‚é …ç›®3ã®å†…容ã§ã™ã€‚</dd> </dl> ã§ã€CSS dl,dt,dd { margin: 0; padding: 0; } dl { border: 1px solid #333; border-top: none; width: 300px; background: #e
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}