ãã®ãã¼ã¸ã§ã¯ããã¹ã¦ã® HTML è¦ç´ ãä¸è¦§è¡¨ç¤ºãã¦ãã¾ãããããã¯ã¿ã°ã使ç¨ãã¦ä½æããã¾ãã
ãã®ä¸è¦§ã¯ãèãã¦ãããã®ãè¦ã¤ããããããã«ãæ©è½å¥ã«ã°ã«ã¼ãåãã¦ãã¾ããã¢ã«ãã¡ãããé ã®ãã¹ã¦ã®è¦ç´ ã®ä¸è¦§ã¯ããã®ãã¼ã¸ã¨åæ§ã«åè¦ç´ ãã¼ã¸ã®ãµã¤ããã¼ã«ããã¾ãã
ã¡ã¢: HTML è¦ç´ ã屿§ã®åºç¤ã«ã¤ãã¦è©³ããã¯ã HTML è¦ç´ ã®æ§æãã覧ãã ããã
ã¡ã¤ã³ã«ã¼ã è¦ç´ 説æ<html>
HTML ææ¸ã®ã«ã¼ãï¼æä¸ä½è¦ç´ ï¼ã表ããããã«ã¼ãè¦ç´ ã¨ãå¼ã°ãã¾ããä»ã®ãã¹ã¦ã®è¦ç´ ã¯ããã®è¦ç´ ã®åå«ã¨ãã¦é
ç½®ããªããã°ãªãã¾ããã ææ¸ã¡ã¿ãã¼ã¿
ã¡ã¿ãã¼ã¿ã¯ããã¼ã¸ã«é¢ããæ å ±ã®ãã¨ã§ããããã¯ã½ããã¦ã§ã¢ (æ¤ç´¢ã¨ã³ã¸ã³ ã ãã©ã¦ã¶ã¼ ãªã©) ãå©ç¨ãããããã³ãã¼ã¸ã®æç»ãæ¯æ´ããã¹ã¿ã¤ã«ãã¹ã¯ãªããããã¼ã¿ã¨ãã£ãæ å ±ãå«ã¿ã¾ããã¹ã¿ã¤ã«ãã¹ã¯ãªããã®ã¡ã¿ãã¼ã¿ã¯ãã¼ã¸å ã§å®ç¾©ãããããããã®æ å ±ãæã¤å¥ã®ãã¡ã¤ã«ã¸ã®ãªã³ã¯ã¨ãã¦å®ç¾©ãã¾ãã
è¦ç´ 説æ<base>
ææ¸å
ã«ããããã¹ã¦ã®ç¸å¯¾ URL ã®åºç¹ã¨ãªã URL ãæå®ãã¾ããææ¸å
ã« 1 ã¤ã ãç½®ããã¨ãã§ãã¾ãã <head>
ææ¸ã«é¢ããæ©æ¢°å¯èªãªæ
å ±ï¼ã¡ã¿ãã¼ã¿ï¼ããã¨ãã°ã¿ã¤ãã«ãã¹ã¯ãªãããã¹ã¿ã¤ã«ã·ã¼ããªã©ãå«ã¿ã¾ãã <link>
ç¾å¨ã®ææ¸ã¨å¤é¨ãªã½ã¼ã¹ã¨ã®é¢ä¿ãæå®ãã¾ãããã®è¦ç´ 㯠CSS ããªã³ã¯ããããã«æããã使ç¨ããã¾ãããä»ã«ããµã¤ãã¢ã¤ã³ã³ï¼ããã¡ãã³ã³ãã¹ã¿ã¤ã«ã®ã¢ã¤ã³ã³ãã¢ãã¤ã«ç«¯æ«ã§ã®ãã¼ã ç»é¢ãã¢ããªã®ã¢ã¤ã³ã³ã®ä¸¡æ¹ï¼ãè¨å®ããããã«ä½¿ç¨ããã¾ãã <meta>
ã¡ã¿ãã¼ã¿ã表ãã¾ããããã¯ãä»ã®ã¡ã¿é¢é£è¦ç´ (<base>
, <link>
, <script>
, <style>
, <title>
) ã§è¡¨ããã¨ãã§ããªããã®ã表ãã¾ãã <style>
ææ¸ãããã¯ææ¸ã®ä¸é¨åã®ã¹ã¿ã¤ã«æ
å ±ãå«ã¿ã¾ãã <style>
è¦ç´ ãå«ãã§ããææ¸ã®ã³ã³ãã³ãã«é©ç¨ããã CSS ãå«ã¿ã¾ãã <title>
ãã©ã¦ã¶ã¼ã®ã¿ã¤ãã«ãã¼ããã¼ã¸ã®ã¿ãã«è¡¨ç¤ºãããææ¸ã®ã¿ã¤ãã«ãå®ç¾©ãã¾ããããã¹ãã®ã¿ãå«ãããã¨ãã§ãã¾ããè¦ç´ å
ã® HTML ã¿ã°ã¯ãåå¨ãã¦ãããã¬ã¼ã³ããã¹ãã¨ãã¦æ±ããã¾ãã åºååã«ã¼ã è¦ç´ 説æ <body>
HTML ææ¸ã®ã³ã³ãã³ãã示ãè¦ç´ ã§ããææ¸ä¸ã« 1 ã¤ã ãé
ç½®ã§ãã¾ãã ã³ã³ãã³ãåºå
ã³ã³ãã³ãåºåè¦ç´ ã¯ãææ¸ã®ã³ã³ãã³ããè«ççãªæçã«ä½ç³»ã¥ãã¾ãããã¼ã¸ã®ã³ã³ãã³ãã§ãããã¼ãããã¿ã¼ã®ããã²ã¼ã·ã§ã³ããããã¯ã³ã³ãã³ãã®ã»ã¯ã·ã§ã³ãèå¥ããè¦åºããªã©ã®ã大ã¾ããªã¢ã¦ãã©ã¤ã³ã使ããããã«åºåè¦ç´ ã使ç¨ãã¾ãã
è¦ç´ 説æ<address>
ãããå«ãã§ãã HTML ãå人ãå£ä½ãçµç¹ã®é£çµ¡å
ãæä¾ãã¦ãããã¨ã示ãã¾ãã <article>
ææ¸ããã¼ã¸ãã¢ããªã±ã¼ã·ã§ã³ããµã¤ããªã©ã®ä¸ã§èªå·±å®çµãã¦ãããï¼éåãããã®ã®ä¸ã§ï¼åå¥ã«é
ä¿¡ãåå©ç¨ãè¡ããã¨ãæå³ããæ§æç©ã表ãã¾ããä¾ãã°ããã©ã¼ã©ã ã®æç¨¿ãéèªãæ°èã®è¨äºãããã°ã®è¨äºãååã«ã¼ããã¦ã¼ã¶ã¼ãæç¨¿ããã³ã¡ã³ãã対話åã®ã¦ã£ã¸ã§ãããã¬ã¸ã§ããããã®ä»ã®ç¬ç«ããã³ã³ãã³ãã®é
ç®ãå«ã¾ãã¾ãã <aside>
ææ¸ã®ã¡ã¤ã³ã³ã³ãã³ãã¨éæ¥çãªé¢ä¿ããæã£ã¦ããªãææ¸ã®é¨åã表ç¾ãã¾ãããµã¤ããã¼ãã³ã¼ã«ã¢ã¦ãããã¯ã¹ãªã©ã表ç¾ããããã«ãã使ããã¾ãã <footer>
ç´è¿ã®åºåã³ã³ãã³ãã¾ãã¯åºååã«ã¼ãè¦ç´ ã®ããã¿ã¼ã表ãã¾ããããã¿ã¼ã«ã¯é常ããã®ã»ã¯ã·ã§ã³ã®èä½è
ã«é¢ããæ
å ±ãé¢é£ææ¸ã¸ã®ãªã³ã¯ãè使¨©æ
å ±çãå«ãã¾ãã <header>
å°å
¥çãªã³ã³ãã³ãããµã¤ãã¯å°å
¥é¨ãããã²ã¼ã·ã§ã³çã®ã°ã«ã¼ãã表ãã¾ããè¦åºãè¦ç´ ã ãã§ãªãããã´ãæ¤ç´¢ãã©ã¼ã ãä½è
åããã®ä»ã®è¦ç´ ãå«ããã¨ãã§ãã¾ãã <h1>
, <h2>
, <h3>
, <h4>
, <h5>
, <h6>
ã»ã¯ã·ã§ã³ã®è¦åºãã 6 段éã§è¡¨ãã¾ãã<h1>
ãæä¸ä½ã§ã<h6>
ãæä¸ä½ã§ãã <hgroup>
å°è¦åºãã代æ¿ã¿ã¤ãã«ããã£ãããã¬ã¼ãºãªã©ã®å¯æ¬¡çã³ã³ãã³ãã¨ã°ã«ã¼ãåãããè¦åºãã表ãã¾ãã <main>
ææ¸ã®æ¬ä½ã®ä¸»è¦ãªå
容ã表ãã¾ãã主è¦ãªå
容ã¨ã¯ãææ¸ã®ä¸å¿çãªä¸»é¡ãã¾ãã¯ã¢ããªã±ã¼ã·ã§ã³ã®ä¸å¿çãªæ©è½ã«ç´æ¥é¢é£ã¾ãã¯æ¡å¼µããå
容ã®ç¯å²ã®ãã¨ã§ãã <nav>
ç¾å¨ã®ææ¸å
ã®ä»ã®é¨åãä»ã®ææ¸ã¸ã®ããã²ã¼ã·ã§ã³ãªã³ã¯ãæä¾ããããã®ã»ã¯ã·ã§ã³ã表ãã¾ããããã²ã¼ã·ã§ã³ã»ã¯ã·ã§ã³ã®ä¸è¬çãªä¾ã¨ãã¦ã¡ãã¥ã¼ãç®æ¬¡ãç´¢å¼ãªã©ãããã¾ãã <section>
ææ¸ã®èªç«ããä¸è¬çãªã»ã¯ã·ã§ã³ (åºé) ã表ãã¾ãããã®ã»ã¯ã·ã§ã³ã表ç¾ããããæå³çã«å
·ä½çãªè¦ç´ ããªãå ´åã«ä½¿ç¨ãã¾ããå°æ°ã®ä¾å¤ãé¤ãã¦ãã»ã¯ã·ã§ã³ã«ã¯è¦åºããç½®ãã¦ãã ããã <search>
æ¤ç´¢ã¾ãã¯çµãè¾¼ã¿å¦çãå®è¡ãããã¨ã«é¢é£ããä¸é£ã®ãã©ã¼ã ã³ã³ããã¼ã«ã¾ãã¯ä»ã®ã³ã³ãã³ããå«ãé¨åã表ãã¾ãã ããã¹ãã³ã³ãã³ã
HTML ããã¹ãã³ã³ãã³ãè¦ç´ ã¯ãéå§ã¿ã° <body>
ã¨çµäºã¿ã° </body>
ã®éã«ããã³ã³ãã³ãã§ãããã¯ãã»ã¯ã·ã§ã³ãç·¨æãã¾ãããããã®è¦ç´ ã¯ã³ã³ãã³ãã®ç¨éãæ§é ãèå¥ãããã®ã§ãããã¢ã¯ã»ã·ããªã㣠ã SEO ã®ããã«éè¦ã§ãã
<blockquote>
å
å
ããããã¹ããå¼ç¨æã§ãããã¨ã示ãã¾ããé常ãåä¸ããä¼´ã£ã¦ã¬ã³ããªã³ã°ããã¾ããcite
屿§ã«ããå¼ç¨å
ã®ææ¸ã® URL ãã <cite>
è¦ç´ ã«ããå¼ç¨å
ã®ææ¸ã®ã¿ã¤ãã«ãªã©ãæç¤ºå¯è½ã§ãã <dd>
説æãªã¹ãè¦ç´ (<dl>
) å
ã§ããã®åã®ç¨èª (<dt>
) ã®èª¬æãå®ç¾©ãå¤ãªã©ã示ãã¾ãã <div>
ããã¼ã³ã³ãã³ãã®æ±ç¨ã³ã³ããã¼ã§ãã CSS ãç¨ãã¦ä½ããã®ã¹ã¿ã¤ã«ä»ãï¼ä¾ãã°ãã¹ã¿ã¤ã«ãç´æ¥é©ç¨ããããã親è¦ç´ ã«ãã¬ãã¯ã¹ããã¯ã¹ãªã©ã®ä½ããã®ã¬ã¤ã¢ã¦ãã¢ãã«ãé©ç¨ããããªã©ï¼ããããªãéããã³ã³ãã³ããã¬ã¤ã¢ã¦ãã«ã¯å½±é¿ãä¸ãã¾ããã <dl>
説æãªã¹ãã表ãã¾ãããã®è¦ç´ ã¯ãä¸é£ã®ç¨èªï¼<dt>
è¦ç´ ã使ç¨ãã¦æå®ï¼ã¨èª¬æï¼<dd>
è¦ç´ ã«ãã£ã¦æä¾ï¼ããªã¹ãåãããã®ã§ããä¸è¬çãªä½¿ç¨ä¾ã¨ãã¦ãç¨èªéã®ä½æãã¡ã¿ãã¼ã¿ï¼ãã¼ã¨å¤ã®ãã¢ã®ãªã¹ãï¼ã®è¡¨ç¤ºãæãããã¾ãã <dt>
説æã¾ãã¯å®ç¾©ãªã¹ãã®ä¸ã§ç¨èªã表ãé¨åã§ããã <dl>
ã®åè¦ç´ ã¨ãã¦ã®ã¿ç¨ãããã¨ãã§ãã¾ããæ®é㯠<dd>
è¦ç´ ãç¶ãã¾ããããããè¤æ°ã® <dt>
è¦ç´ ãç¶ãã¨ãè¤æ°ã®ç¨èªãããå¾ã«ç¶ã <dd>
è¦ç´ ã§å®ç¾©ããã¦ãããã¨ã表ãã¾ãã <figcaption>
親㮠<figure>
è¦ç´ å
ã«ãããã®ä»ã®ã³ã³ãã³ãã説æãããã£ãã·ã§ã³ãå¡ä¾ã表ãã¾ãã <figure>
èªå·±å®çµåã®ã³ã³ãã³ãã表ããä»»æã§ <figcaption>
è¦ç´ ã使ç¨ãã¦è¡¨ããããã£ãã·ã§ã³ãä»ãããã¨ãã§ãã¾ããå³ãããªãã¡ãã£ãã·ã§ã³ã¨ãã®ä¸èº«ã¯ä¸ã¤ã®åä½ã¨ãã¦åç
§ããã¾ãã <hr>
段è½ã¬ãã«ã®è¦ç´ éã«ããã¦ããã¼ãã®æå³çãªåºåãã表ãã¾ããä¾ãã°ã話ã®å ´é¢ã®åãæ¿ãããç¯å
ã§ã®è©±é¡ã®è»¢æãªã©ã§ãã <li>
ãªã¹ãã®é
ç®ã表ãããã«ç¨ãããã¾ãããã®è¦ç´ ã¯ããã®é
ç®ãå±ããé åºä»ããªã¹ã (<ol>
)ãé åºãªããªã¹ã (<ul>
)ãã¡ãã¥ã¼ (<menu>
) ã®ããããã®åè¦ç´ ã¨ãã¦é
ç½®ããå¿
è¦ãããã¾ããã¡ãã¥ã¼è¦ç´ ããã³é åºãªããªã¹ãå
ã«ããã¦ã¯ããªã¹ãã®é
ç®ã¯é常ãè¡é æåä¼´ã£ã¦è¡¨ç¤ºãããé åºä»ããªã¹ãå
ã§ã¯ãæ°åãæåã«ããé£çªã®ãªã¹ããã¼ã«ã¼ãä¼´ã£ã¦è¡¨ç¤ºããã¾ãã <menu>
<ul>
ã¨ã¯ç°ãªãæå³ã¥ãã§ããããã©ã¦ã¶ã¼ã§ã¯ <ul>
ã¨åããã®ã¨ãã¦æ±ããã¾ãï¼ã¢ã¯ã»ã·ããªãã£ããªã¼ã§å
¬éããã¾ãï¼ãï¼<li>
è¦ç´ ã§è¡¨ç¾ãããï¼é
ç®ã®é ä¸åãªã¹ãã表ãã¾ãã <ol>
é
ç®ã®é åºä»ããªã¹ãã表ãã¾ãããµã¤ãã¯çªå·ä»ãã®ãªã¹ãã¨ãã¦è¡¨ç¤ºããã¾ãã <p>
ããã¹ãã®æ®µè½ã表ãã¾ããè¦è¦ã¡ãã£ã¢ã«ããã¦ã段è½ã¯ãµã¤ã飿¥ãããããã¯ã¨ä¸ä¸ã®ç©ºç½ãæåã®è¡ã®åä¸ãã«ãã£ã¦éã¦ãããããã¹ãã®ãããã¯ã¨ãã¦è¡¨ç¾ããã¾ããã HTML ã®æ®µè½ã¯ç»åããã©ã¼ã æ¬ãªã©ã®é¢é£ããã³ã³ãã³ããæ§é çã«ã¾ã¨ãããã¨ãã§ãã¾ãã <pre>
æ´å½¢æ¸ã¿ããã¹ã (preformatted text) ã表ãã¾ãããã®è¦ç´ å
ã®ããã¹ãã¯ä¸è¬çã«ããã¡ã¤ã«å
ã§ã®ã¬ã¤ã¢ã¦ãããã®ã¾ã¾åæ ãã¦çå¹
ãã©ã³ãã§è¡¨ç¤ºããã¾ãããã®è¦ç´ å
ã®ãã¯ã¤ãã¹ãã¼ã¹æåã¯ãã®ã¾ã¾è¡¨ç¤ºãã¾ãã <ul>
é
ç®ã®é åºãªããªã¹ãã表ãã¾ããä¸è¬çã«ãè¡é è¨å·ãä¼´ããªã¹ãã¨ãã¦æç»ããã¾ãã ã¤ã³ã©ã¤ã³ããã¹ãæå³ä»ã
HTML ã¤ã³ã©ã¤ã³ããã¹ãæå³ã¥ãè¦ç´ ã¯ãåèªãè¡ããããã¯ä»»æã®ããã¹ãç¯å²ã®æå³ãæ§é ãã¹ã¿ã¤ã«ãå®ç¾©ãã¾ãã
è¦ç´ 説æ<a>
href
屿§ãç¨ãã¦ãã¦ã§ããã¼ã¸ããã¡ã¤ã«ãã¡ã¼ã«ã¢ãã¬ã¹ãç¾å¨ã®ãã¼ã¸å
ã®å ´æãã¾ãã¯ä»ã® URL ã¸ã®ãã¤ãã¼ãªã³ã¯ã使ãã¾ãã <abbr>
ç¥èªãé åèªã表ãã¾ãã <b>
è¦ç´ ã®å
容ã«èªã¿æã®æ³¨æãæ¹ãããå ´åã§ãä»ã®ç¹å¥ãªéè¦æ§ãä¸ããããªããã®ã«ä½¿ç¨ãã¾ããããã¯ä»¥åã¯å¤ªåè¦ç´ ã¨å¼ã°ãã¦ãããã»ã¨ãã©ã®ãã©ã¦ã¶ã¼ã§ã¯æååã太åã§æç»ãã¦ãã¾ããããããã <b>
ãæååã®è£
飾ã«ä½¿ãã¹ãã§ã¯ããã¾ããã太åã®æååã使ããã«ã¯ã CSS ã® font-weight
ããããã£ã使ç¨ããç¹å¥ãªéè¦æ§ãæã¤ããã¹ãã示ãã«ã¯ <strong>
è¦ç´ ã使ç¨ãã¦ãã ããã <bdi>
ãã©ã¦ã¶ã¼ã®æ¸åæ¹åã¢ã«ã´ãªãºã ã«ãã®ããã¹ããå¨å²ã®ããã¹ãããç¬ç«ãã¦ããã¨æ±ãããæç¤ºãã¾ããããã¯ç¹ã«ãã¦ã§ããµã¤ããããã¹ããåçã«æ¿å
¥ããæ¿å
¥ãããããã¹ãã®æ¸åæ¹åã䏿ãªå ´åã«ä¾¿å©ã§ãã <bdo>
ç¾å¨ã®ããã¹ãã®æ¸åæ¹åã䏿¸ãããä¸ã®ããã¹ããç°ãªãæ¸åæ¹åã§æç»ãããããã«ãã¾ãã <br>
æä¸ã«æ¹è¡ï¼ãã£ãªãã¸ãªã¿ã¼ã³ï¼ãçæãã¾ããè©©ã使ãªã©ãè¡ã®åå²ãéè¦ãªå ´åã«æç¨ã§ãã <cite>
åµä½ç©ã®ã¿ã¤ãã«ããã¼ã¯ã¢ããããããã«ä½¿ç¨ãã¾ããåç
§ã¯ãå¼ç¨ã¡ã¿ãã¼ã¿ã«é¢ããå©ç¨å ´é¢ã«åãããæ
£ç¿ã«å¿ãã¦çç¥å½¢ãç¨ãããããã¨ãããã¾ãã <code>
ã³ã³ãã¥ã¼ã¿ã¼ã³ã¼ãã®çãæçã®æååã§ããã¨èå¥ã§ãããããªå¤è¦ã®ã³ã³ãã³ãã表示ãã¾ããæ¢å®ã§ã¯ãä¸ã®æååãã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ãã®æ¢å®ã®çå¹
ãã©ã³ãã使ç¨ãã¦è¡¨ç¤ºããã¾ãã <data>
ä¸ããããã³ã³ãã³ãã®æçãæ©æ¢°å¯èªãªç¿»è¨³ã«ãªã³ã¯ãã¾ããã³ã³ãã³ããæå»ã¾ãã¯æ¥ä»ã«é¢é£ãããã®ã§ããã°ã<time>
è¦ç´ ã使ç¨ããå¿
è¦ãããã¾ãã <dfn>
å®ç¾©å¥ãæã®æèã®ä¸ã§å®ç¾©ãã¦ããç¨èªã示ãããã«ç¨ãããã¾ãã <dfn>
ã®ç´è¿ã®ç¥å
ã§ãã <p>
è¦ç´ ã <dt>
/<dd>
ã®çµã¿åããã <section>
è¦ç´ ãç¨èªã®å®ç¾©ã¨ã¿ãªããã¾ãã <em>
強調ãããããã¹ãã示ãã¾ãã<em>
è¦ç´ ã¯å
¥ãåã«ãããã¨ãã§ããå
¥ãåã®é層ã«å¿ãã¦ããå¼·ãç¨åº¦ã®å¼·èª¿ã表ããã¨ãã§ãã¾ãã <i>
ä½ããã®çç±ã§ä»ã®ããã¹ãã¨åºå¥ãããããã¹ãã®ç¯å²ã表ãã¾ããä¾ãã°ãæ
£ç¨å¥ãæè¡ç¨èªãåé¡å¦ä¸ã®å¼ç§°ããªã©ã§ããè±æã«ããã¦ã¯ããã¤ã¿ãªãã¯ä½ã§è¡¨ç¾ããã¦ãããã®ã§ãããããããã®è¦ç´ ã® <i>
ã¨ããååã®å
ã«ãªã£ã¦ãã¾ãã <kbd>
ãã¼ãã¼ããé³å£°å
¥åããã®ä»ã®å
¥å端æ«ããã®ã¦ã¼ã¶ã¼ã«ããæåå
¥åã表ãã¤ã³ã©ã¤ã³ã®æååã®åºéã表ãã¾ããæ
£ç¿çã«ãã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ãã¯æ¢å®ã§ <kbd>
è¦ç´ ã®ä¸èº«ãçå¹
ãã©ã³ãã§è¡¨ç¤ºãã¾ããã HTML æ¨æºã§è¦å®ããã¦ãããã®ã§ã¯ããã¾ããã <mark>
å¨å²ã®æèã®ä¸ã§ãã¼ã¯ãä»ããé¨åã®é¢é£æ§ãéè¦æ§ã®ããã«ãåç
§ãè¨è¿°ã®ç®çã§ç®ç«ãããã強調ãããããæååã表ãã¾ãã <q>
ãã®å
容ãã¤ã³ã©ã¤ã³ã®å¼ç¨ã§ãããã¨ã表ãã¾ããæè¿ã®å¤ãã®ãã©ã¦ã¶ã¼ã§ã¯ãæååãå¼ç¨ç¬¦ã§å²ãããã«å®è£
ãã¦ãã¾ãããã®è¦ç´ ã¯ã段è½åºåããã¾ãããªãçãå¼ç¨ã®ããã®ãã®ã§ããé·æã®å¼ç¨ã«ã¯ã <blockquote>
è¦ç´ ã使ç¨ãã¦ãã ããã <rp>
<ruby>
è¦ç´ ã«ããã«ãã®è¡¨ç¤ºã«å¯¾å¿ãã¦ããªããã©ã¦ã¶ã¼åãã®ä»£æ¿è¡¨ç¤ºç¨æ¬å¼§ãæä¾ããããã«ä½¿ç¨ãã¾ãã<rp>
è¦ç´ ã¯ã注éã®æååã <rt>
è¦ç´ ãå²ãéãæ¬å¼§ã¨éãæ¬å¼§ãããããå²ãå¿
è¦ãããã¾ãã <rt>
ã«ãã«ããæ³¨éï¼æ¯ãä»®åï¼ã®ã«ãæååã®é¨åãå®ç¾©ããæ±ã¢ã¸ã¢ã®çµçã«ããã¦çºé³ã翻訳ãé³åãªã©ã®æ
å ±ãæä¾ããããã«ä½¿ç¨ãã¾ãã <rt>
è¦ç´ ã¯å¸¸ã« <ruby>
è¦ç´ ã®ä¸ã§ä½¿ç¨ããã¾ãã <ruby>
ãã¼ã¹ããã¹ãã®ä¸ãä¸ãé£ã«æç»ãããå°ããªæ³¨éã§ãããæ±ã¢ã¸ã¢ã®æåã®çºé³ã表ãã®ã«ä½¿ããã¾ããä»ã®ç¨®é¡ã®æ³¨éã«ã使ããããã¨ãããã¾ããããã®ä½¿ãæ¹ã¯ãã¾ãä¸è¬çã§ã¯ããã¾ããã <s>
åãæ¶ãç·ãå¼ããæååã表示ãã¾ãã <s>
è¦ç´ ã¯ãã§ã«é©åã¾ãã¯æ£ç¢ºã§ã¯ãªããªã£ãäºæã表ç¾ãã¾ããããããææ¸ã®ä¿®æ£ã示ãå ´åã <s>
è¦ç´ ã¯é©åã§ã¯ããã¾ããããã®å ´å㯠<del>
㨠<ins>
ã®æ¹ãé©ãã¦ããã®ã§ããã¡ãã使ç¨ãã¦ãã ããã <samp>
ã³ã³ãã¥ã¼ã¿ã¼ããã°ã©ã ããã®ãµã³ãã«åºåã表ãã¤ã³ã©ã¤ã³æååãå«ããããã«ä½¿ç¨ããã¾ããå
å®¹ã¯æ®éããã©ã¦ã¶ã¼ã®æ¢å®ã®çå¹
ãã©ã³ãï¼Courier ã Lucida Console ãªã©ï¼ã使ç¨ãã¦è¡¨ç¤ºããã¾ãã <small>
表示ä¸ã®ã¹ã¿ã¤ã«ã¨ã¯é¢ä¿ãªããè使¨©è¡¨ç¤ºãæ³ç表è¨ã®ãããªã注éãå°ãã表示ãããæã表ãã¾ããæ¢å®ã§ã¯ã small
ãã x-small
ã®ããã«ã䏿®µéå°ãããã©ã³ãã§ããã¹ãã表示ããã¾ãã <span>
è¨è¿°ã³ã³ãã³ãã®æ±ç¨çãªã¤ã³ã©ã¤ã³ã³ã³ããã¼ã§ãããä½ãã表ããã®ã§ã¯ããã¾ãããã¹ã¿ã¤ã«ä»ãã®ããï¼class
ã¾ã㯠id
屿§ã使ç¨ãã¦ï¼ãã¾ã㯠lang
ã®ãããªå±æ§å¤ãå
±æãããããããã«è¦ç´ ãã°ã«ã¼ãåããç¨éã§ä½¿ç¨ãããã¨ãã§ãã¾ããä»ã«é©åãªæå³çè¦ç´ ããªãæã«ã®ã¿ä½¿ç¨ãã¦ãã ããã <span>
㯠<div>
è¦ç´ ã¨ã¨ã¦ãä¼¼ã¦ãã¾ããã<div>
ããããã¯ã¬ãã«è¦ç´ ã§ããã®ã«å¯¾ãã <span>
ã¯ã¤ã³ã©ã¤ã³ã¬ãã«è¦ç´ ã§ãã <strong>
å
容ã®éè¦æ§ãé大æ§ãã¾ãã¯ç·æ¥æ§ãé«ãããã¹ãã表ãã¾ãããã©ã¦ã¶ã¼ã¯ä¸è¬çã«å¤ªåã§æç»ãã¾ãã <sub>
表è¨ä¸ã®çç±ã§ä¸ä»ãæåã¨ãã¦è¡¨ç¤ºããã¹ãã¤ã³ã©ã¤ã³æååãæå®ãã¾ããä¸ä»ãæåã¯æ®éãå°ããã®ããã¹ãã使ç¨ãã¦ãã¼ã¹ã©ã¤ã³ãããä½ã表示ããã¾ãã <sup>
表è¨ä¸ã®çç±ã§ä¸ä»ãæåã¨ãã¦è¡¨ç¤ºããã¹ãã¤ã³ã©ã¤ã³æååãæå®ãã¾ããä¸ä»ãæåã¯æ®éãå°ããã®ããã¹ãã使ç¨ãã¦é«ããã¼ã¹ã©ã¤ã³ã§è¡¨ç¤ºããã¾ãã <time>
ç¹å®ã®æã®åºéã表ãã¾ãã datetime
屿§ã使ç¨ãã¦ãæ©æ¢°å¯èªãªå½¢å¼ã®æ¥ä»ãè¨è¿°ãããã¨ãã§ããæ¤ç´¢ã¨ã³ã¸ã³ã®çµæãæ¹åããããªãã¤ã³ãã¼ãªã©ã®ç¬èªæ©è½ã«ä½¿ç¨ããããããã¨ãã§ãã¾ãã <u>
éè¨èªçã«æ³¨éããããã¨ãç¤ºãæ¹æ³ã§è¡¨ç¤ºããã¤ã³ã©ã¤ã³ããã¹ãã®åºéã示ãã¾ããããã¯æ¢å®ã§åä¸ã®å®ç·ã®ä¸ç·ã¨ãã¦è¡¨ç¤ºããã¾ããã CSS ã使ç¨ãã¦å¤æ´ãããã¨ãã§ãã¾ãã <var>
æ°å¼ãããã°ã©ã ã³ã¼ãå
ã®å¤æ°ã®ååã表ãã¾ããæåã¯ãã©ã¦ã¶ã¼ã«ä¾åãã¾ãããé常ã¯ç¾å¨ã®ãã©ã³ãã®ã¤ã¿ãªãã¯ä½ã使ã£ã¦è¡¨ç¤ºããã¾ãã <wbr>
æ¹è¡å¯è½ä½ç½® â ããã¹ãå
ã§ãã©ã¦ã¶ã¼ãä»»æã§æ¹è¡ãã¦ããä½ç½®ã表ãã¾ããããã®æ¹è¡è¦åã¯å¿
è¦ã®ãªãå ´åã¯æ¹è¡ãè¡ãã¾ããã ç»åã¨ãã«ãã¡ãã£ã¢
HTML ã¯ç»åãé³å£°ãæ åã¨ãã£ãããã¾ãã¾ãªãã«ãã£ã¡ãã£ã¢ãªã½ã¼ã¹ã«å¯¾å¿ãã¦ãã¾ãã
è¦ç´ 説æ<area>
ã¤ã¡ã¼ã¸ãããã®ä¸ã§ã¯ãªãã¯å¯è½ãªé åããããããå®ç¾©ãã¾ããã¤ã¡ã¼ã¸ãããã§ã¯ãç»åä¸ã®å¹¾ä½å¦çãªé åããã¤ãã¼ããã¹ããªã³ã¯ã¨é¢é£ä»ããããã¨ãã§ãã¾ãã <audio>
ææ¸å
ã«é³å£°ã³ã³ãã³ããåãè¾¼ãããã«ä½¿ç¨ãã¾ãããã®è¦ç´ ã¯ã1 ã¤ã¾ãã¯è¤æ°ã®é³æºãå«ããã¨ãã§ãã¾ãã鳿ºã¯ src
屿§ã¾ã㯠source è¦ç´ ã使ç¨ãã¦è¡¨ãããã©ã¦ã¶ã¼ããã£ã¨ãé©åãªé³æºã鏿ãã¾ããã¾ãã MediaStream
ã使ç¨ãã¦ã¹ããªã¼ãã³ã°ã¡ãã£ã¢ãæã示ããã¨ãã§ãã¾ãã <img>
ææ¸ã«ç»åãåãè¾¼ã¿ã¾ãã <map>
<area>
è¦ç´ ã¨ã¨ãã«ãã¤ã¡ã¼ã¸ãããï¼ã¯ãªãã¯å¯è½ãªãªã³ã¯é åï¼ãå®ç¾©ããããã«ä½¿ç¨ãã¾ãã <track>
ã¡ãã£ã¢è¦ç´ (audio ããã³ video) ã®åã¨ãã¦ä½¿ç¨ãã¾ãããã®è¦ç´ ã¯èªåçã«å¦çãããåå¹ãªã©ãæéæå®ãããããã¹ããã©ãã¯ï¼ã¾ãã¯æç³»åãã¼ã¿ï¼ãæå®ãããã¨ãã§ãã¾ãããã©ãã¯ã¯ WebVTT å½¢å¼ (.vtt
ãã¡ã¤ã«) ãç¨ãã¾ãã <video>
ææ¸ä¸ã«åç»åçã«å¯¾å¿ããã¡ãã£ã¢ãã¬ã¤ã¤ã¼ãåãè¾¼ã¿ã¾ãã <video>
ãé³å£°ã³ã³ãã³ãã®ããã«ä½¿ç¨ãããã¨ãã§ãã¾ãããaudio è¦ç´ ã®æ¹ãã¦ã¼ã¶ã¼ã«ã¨ã£ã¦ä½¿ãåæãè¯ãããããã¾ããã åãè¾¼ã¿ã³ã³ãã³ã
HTML ã¯å ¬å¼ã«å¯¾å¿ãã¦ãããã«ãã¡ãã£ã¢ã³ã³ãã³ã以å¤ã®ãã¾ãã¾ãªã³ã³ãã³ããã容æã«å¯¾è©±ã§ããã¨ã¯éããªããã®ã§ãã£ã¦ãåãè¾¼ããã¨ãã§ãã¾ãã
è¦ç´ 説æ<embed>
å¤é¨ã®ã³ã³ãã³ããææ¸ä¸ã®æå®ãããå ´æã«åãè¾¼ã¿ã¾ããã³ã³ãã³ãã¯å¤é¨ã¢ããªã±ã¼ã·ã§ã³ãã対話åã³ã³ãã³ãã®ä»ã®åºæ (ãã©ã¦ã¶ã¼ã®ãã©ã°ã¤ã³ãªã©) ã«ãã£ã¦æä¾ããã¾ãã <fencedframe>
å
¥ãåã«ãªã£ãé²è¦§ã³ã³ããã¹ãã表ãã¾ãã <iframe>
ã¨åæ§ã§ãããããå¤ãã®ãã¤ãã£ãã®ãã©ã¤ãã·ã¼æ©è½ãçµã¿è¾¼ã¾ãã¦ãã¾ãã <iframe>
å
¥ãåã«ãªã£ãé²è¦§ã³ã³ããã¹ãã表ç¾ããç¾å¨ã® HTML ãã¼ã¸ã«ä»ã®ãã¼ã¸ãåãè¾¼ããã¨ãã§ãã¾ãã <object>
ç»åãå
é¨ã®é²è¦§ã³ã³ããã¹ãããã©ã°ã¤ã³ã«ãã£ã¦æ±ããããªã½ã¼ã¹ãªã©ã®ããã«æ±ãããå¤é¨ãªã½ã¼ã¹ã表ãã¾ãã <picture>
0 å以ä¸ã® <source>
è¦ç´ ã¨ä¸ã¤ã® <img>
è¦ç´ ãå«ã¿ãæ§ã
ãªç»é¢ã端æ«ã®æ¡ä»¶ã«å¿ããç»åãæä¾ãã¾ãã <source>
picture è¦ç´ ãaudio è¦ç´ ãvideo è¦ç´ ã«å¯¾ããè¤æ°ã®ã¡ãã£ã¢ãªã½ã¼ã¹ãæå®ãã¾ãããã®è¦ç´ ã¯ç©ºè¦ç´ ã§ãããã¤ã¾ãä¸èº«ãéãã¿ã°ãããã¾ãããç»åãã¡ã¤ã«å½¢å¼ãã¡ãã£ã¢ãã¡ã¤ã«å½¢å¼ã®å¯¾å¿ç¶æ³ãæ§ã
ã§ãããã©ã¦ã¶ã¼ã®å¹
åºãäºææ§ã確ä¿ããããã«ãåãã¡ãã£ã¢ã³ã³ãã³ããè¤æ°ã®ãã¡ã¤ã«å½¢å¼ã§æä¾ãããã¨ã¯ãããããã¨ã§ãã SVG 㨠MathML
SVG 㨠MathML ã®ã³ã³ãã³ããã <svg>
ããã³ <math>
è¦ç´ ã使ç¨ãã¦ç´æ¥ HTML ææ¸ã«åãè¾¼ããã¨ãã§ãã¾ãã
<svg>
æ°ãã座æ¨ç³»ã¨ãã¥ã¼ãã¼ããå®ç¾©ããã³ã³ããã¼ã§ãããã㯠SVG ææ¸ã®æãå¤å´ã®è¦ç´ ã¨ãã¦ä½¿ç¨ããã¾ãããSVG ã¾ã㯠HTML ææ¸ã®ä¸ã« SVG ãã©ã°ã¡ã³ããåãè¾¼ãããã«ã使ç¨ã§ãã¾ãã <math>
MathML ã«ãããæä¸ä½ã®è¦ç´ ã§ãããã¹ã¦ã®æå¹ãª MathML ã®ã¤ã³ã¹ã¿ã³ã¹ãå²ã¿ã¾ããå ãã¦ã <math>
è¦ç´ ãå
¥ãåç¶ã«é
ç½®ãã¦ã¯ãªãã¾ããããä¸ã«ãã®ä»ã®åè¦ç´ ãããã¤ã§ãæã¤ãã¨ãã§ãã¾ãã ã¹ã¯ãªãã
åçãªã³ã³ãã³ããã¦ã§ãã¢ããªã±ã¼ã·ã§ã³ã使ããããã«ã HTML ã§ã¯ã¹ã¯ãªããè¨èªã使ç¨ã§ãã¾ãããã£ã¨ãæåãªè¨èªã¯ãJavaScript ã§ããããã¤ãã®è¦ç´ ãã¹ã¯ãªããæ©è½ããµãã¼ããã¾ãã
è¦ç´ 説æ<canvas>
Canvas ã¹ã¯ãªããã£ã³ã° API ã WebGL API ã使ç¨ãã¦ãã°ã©ãã£ãã¯ãã¢ãã¡ã¼ã·ã§ã³ãæç»ãããã¨ãã§ããã³ã³ããã¼è¦ç´ ã§ãã <noscript>
ãã®ãã¼ã¸ä¸ã®ã¹ã¯ãªããã®ç¨®é¡ã«å¯¾å¿ãã¦ããªãå ´åããã¹ã¯ãªããã®å®è¡ããã©ã¦ã¶ã¼ã§ç¡å¹ã«ããã¦ããå ´åã«è¡¨ç¤ºãã HTML ã®é¨åãå®ç¾©ãã¾ãã <script>
å®è¡ã§ããã³ã¼ãããã¼ã¿ãåãè¾¼ãããã«ä½¿ç¨ãã¾ãããµã¤ã㯠JavaScript ã®ã³ã¼ãã®åãè¾¼ã¿ãåç
§ã«ä½¿ç¨ããã¾ãã <script>
è¦ç´ 㯠WebGL ã® GLSL shader ããã°ã©ãã³ã°è¨èªã JSON çã®ä»ã®è¨èªã«ã使ç¨ãããã¨ãã§ãã¾ãã ç·¨éç¯å²ã®ç¹å®
ãããã®è¦ç´ ã¯ãããã¹ãã®ç¹å®ã®ç¯å²ã夿´ããããã¨ã示ãã¾ãã
è¦ç´ 説æ<del>
ææ¸ããåé¤ãããæååã®ç¯å²ã表ãã¾ããããã¯ä¾ãã°ãã夿´ã®è¿½è·¡ãããã½ã¼ã¹ã³ã¼ãã®å·®åæ
å ±ãæç»ããã¨ãã«ä½¿ç¨ãããã¨ãã§ãã¾ãã <ins>
è¦ç´ ã¯éã®ç®çã«ãææ¸ã«è¿½å ãããæååã示ãããã«ç¨ãããã¨ãã§ãã¾ãã <ins>
ææ¸ã«è¿½å ãããããã¹ãã®ç¯å²ã表ãã¾ããåæ§ã«ã <del>
è¦ç´ ã使ç¨ãã¦ææ¸ããåé¤ãããããã¹ãã®ç¯å²ã表ããã¨ãã§ãã¾ãã 表ã³ã³ãã³ã
以ä¸ã®è¦ç´ ã¯ã表形å¼ã®ãã¼ã¿ã使ããã³å¶å¾¡ããããã«ä½¿ç¨ãã¾ãã
è¦ç´ 説æ<caption>
表ã®ãã£ãã·ã§ã³ï¼ã¾ãã¯ã¿ã¤ãã«ï¼ãæå®ãã¾ãã <col>
æé»çã¾ãã¯æç¤ºçãªè¦ª <colgroup>
è¦ç´ ã«ãã£ã¦è¡¨ãããåã°ã«ã¼ãå
ã® 1 ã¤ä»¥ä¸ã®åãå®ç¾©ãã¾ãã<col>
è¦ç´ ã¯ãspan
屿§ãå®ç¾©ããã¦ããªã <colgroup>
è¦ç´ ã®åã¨ãã¦ã®ã¿æå¹ã§ãã <colgroup>
表å
ã®åã®ã°ã«ã¼ããå®ç¾©ãã¾ãã <table>
表形å¼ã®ãã¼ã¿ãã¤ã¾ããè¡ã¨åã®çµã¿åããã«ããã»ã«ã«å«ã¾ãããã¼ã¿ã«ããäºæ¬¡å
ã®è¡¨ã§è¡¨ç¾ãããæ
å ±ã§ãã <tbody>
表ã®ä¸é£ã®è¡ (<tr>
è¦ç´ ) ãã¾ã¨ãã表ã®ï¼ã¡ã¤ã³ï¼ãã¼ã¿ã®æ¬ä½é¨åãæ§æãããã¨ã表ãã¾ãã <td>
<tr>
è¦ç´ ã®åè¦ç´ ã§ããã表ã®ãã¼ã¿ã®å
¥ã£ãå«ãã»ã«ãå®ç¾©ãã¾ãã <tfoot>
表ã®ä¸é£ã®è¡ï¼<tr>
è¦ç´ ï¼ãã¾ã¨ãã表ã®åã«é¢ããæ
å ±ãå«ã表ã®èé¨ã§ãããã¨ã示ãã¾ããããã¯é常ãåã®éè¨è¡ãä¾ãã°ãåã«æå®ãããæ°å¤ã®åè¨ãªã©ã§ãã <th>
<tr>
è¦ç´ ã®åè¦ç´ ã§ããã表ã»ã«ã®ã°ã«ã¼ãã®è¦åºãã¨ãã¦ã»ã«ãå®ç¾©ãã¾ãããã®ã°ã«ã¼ãã®æ§è³ªã¯ã scope
ããã³ headers
屿§ã«ãã£ã¦æç¤ºçã«å®ç¾©ãããã¨ãã§ãã¾ãã <thead>
表ã®ä¸é£ã®è¡ï¼<tr>
è¦ç´ ï¼ãã¾ã¨ãã表ã®åã«é¢ããæ
å ±ãå«ã表ã®è¦åºãã§ãããã¨ã示ãã¾ããããã¯é常ãåè¦åºãï¼<th>
è¦ç´ ï¼ã¨ããå½¢ã§å½¢æããã¾ãã <tr>
表å
ã§ã»ã«ã®è¡ãå®ç¾©ãã¾ããè¡ã®ã»ã«ã«ã¯ <td>
ï¼ãã¼ã¿ã»ã«ï¼ããã³ <th>
ï¼è¦åºãã»ã«ï¼è¦ç´ ããæ··å¨ããããã¨ãã§ãã¾ãã ãã©ã¼ã
HTML ã¯ãã¦ã¼ã¶ã¼ãè¨å ¥ããã¦ã§ããµã¤ãã¾ãã¯ã¢ããªã±ã¼ã·ã§ã³ã«éä¿¡ãããã©ã¼ã ã使ããããã«ä½¿ç¨ã§ããè¦ç´ ãããã¤ãè¦å®ãã¦ãã¾ãããã©ã¼ã ã«é¢ããå¤ãã®æ å ±ãã HTML ãã©ã¼ã ã¬ã¤ãã«æ²è¼ãã¦ãã¾ãã
è¦ç´ 説æ<button>
ã¦ã¼ã¶ã¼ããã¦ã¹ããã¼ãã¼ããæãé³å£°ã³ãã³ããã¾ãã¯ä»ã«ãæ¯æ´æè¡ã使ã£ã¦èµ·åããã¤ã³ã¿ã©ã¯ãã£ãè¦ç´ ã§ããã¢ã¯ãã£ãã«ãªãã¨ããã©ã¼ã ãéä¿¡ãããããã¤ã¢ãã°ãéããããããªã©ã®ã¢ã¯ã·ã§ã³ãå®è¡ããããã«ãªãã¾ãã <datalist>
ä»ã®ã³ã³ããã¼ã«ã§å©ç¨å¯è½ãªå¤ã表ç¾ããä¸é£ã® <option>
è¦ç´ ãå«ã¿ã¾ãã <fieldset>
ã¦ã§ããã©ã¼ã å
ã®ã©ãã« (<label>
) ãªã©ã®ããã«ããã¤ãã®ã³ã³ããã¼ã«ãã°ã«ã¼ãåããããã«ä½¿ç¨ãã¾ãã <form>
ã¦ã§ããµã¼ãã¼ã«æ
å ±ãéä¿¡ããããã®å¯¾è©±åã³ã³ããã¼ã«ãå«ãææ¸ã®åºéã表ãã¾ãã <input>
ã¦ã¼ã¶ã¼ãããã¼ã¿ãåãåãããã®ãã¦ã§ããã¼ã¹ã®ãã©ã¼ã ç¨ã®æä½å¯è½ãªã³ã³ããã¼ã«ã使ããããã«ä½¿ç¨ãã¾ãã端æ«ã¨ã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ãã«ããã¾ãããåºç¯ã«æ¸¡ã種é¡ã®ãã¼ã¿å
¥åãã³ã³ããã¼ã«ã¦ã£ã¸ã§ãããå©ç¨ã§ãã¾ãã <input>
è¦ç´ ã¯å
¥ååã¨å±æ§ã®çµã¿åããã®æ°ãé常ã«å¤ãããã HTML ã®ä¸ã§æãå¼·åãã¤æãè¤éãªè¦ç´ ã®ä¸ã¤ã§ãã <label>
ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®é
ç®ã®ãã£ãã·ã§ã³ã表ãã¾ãã <legend>
ãã®è¦ªè¦ç´ ã§ãã <fieldset>
ã®å
容ã®ãã£ãã·ã§ã³ã表ãã¾ãã <meter>
æ¢ç¥ã®ç¯å²å
ã®ã¹ã«ã©ã¼å¤ãã¾ãã¯å°æ°å¤ã表ãã¾ãã <optgroup>
<select>
è¦ç´ å
ã®é¸æè¢ (<option>
) ã®ã°ã«ã¼ãã使ãã¾ãã <option>
<select>
è¦ç´ ã<optgroup>
è¦ç´ ã<datalist>
è¦ç´ å
ã§é
ç®ãå®ç¾©ããããã«ä½¿ããã¾ãããããã£ã¦ã<option>
㯠HTML ææ¸ã§ãããã¢ããã¡ãã¥ã¼ã®ã¡ãã¥ã¼é
ç®ãããã®ä»ã®é
ç®ã®ä¸è¦§ã表ããã¨ãã§ãã¾ãã <output>
ãµã¤ããã¢ããªãè¨ç®çµæãã¦ã¼ã¶ã¼æä½ã®çµæãæ¿å
¥ãããã¨ãã§ããã³ã³ããã¼è¦ç´ ã§ãã <progress>
ã¿ã¹ã¯ã®é²æç¶æ³ã表示ãã¾ããããã°ã¬ã¹ãã¼ã¨ãã¦ãã表示ããã¾ãã <select>
鏿å¼ã®ã¡ãã¥ã¼ãæä¾ããã³ã³ããã¼ã«ã表ãã¾ãã <textarea>
è¤æ°è¡ã®ãã¬ã¼ã³ããã¹ãç·¨éã³ã³ããã¼ã«ã表ããã¬ãã¥ã¼ã®ã³ã¡ã³ãããåãåãããã©ã¼ã çã®ããã«ãã¦ã¼ã¶ã¼ã大éã®èªç±è¨è¿°ããã¹ããå
¥åã§ããããã«ããã¨ãã«ä¾¿å©ã§ãã ã¤ã³ã¿ã©ã¯ãã£ãè¦ç´
HTML ã«ã¯ãã¤ã³ã¿ã©ã¯ãã£ããªã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¤ã¹ã使ããããã®è¦ç´ ãããã¾ãã
è¦ç´ 説æ<details>
ã¦ã£ã¸ã§ããããéãããç¶æ
ã«ãªã£ãæã®ã¿æ
å ±ã表示ãããæãããã¿ã¦ã£ã¸ã§ããã使ãã¾ããæ¦è¦ãã©ãã«ã¯ <summary>
è¦ç´ ã使ç¨ãã¦æä¾ããå¿
è¦ãããã¾ãã <dialog>
ãã¤ã¢ãã°ããã¯ã¹ããæ¶ããã¨ãã§ããã¢ã©ã¼ããã¤ã³ã¹ãã¯ã¿ã¼ããµãã¦ã£ã³ãã¦çã®ãããªå¯¾è©±çã³ã³ãã¼ãã³ãã表ãã¾ãã <summary>
details è¦ç´ ã®æãç³ã¿ããã¯ã¹ã®è¦ç´ããã£ãã·ã§ã³ã説æãå¡ä¾ã表ãã¾ãã <summary>
è¦ç´ ãã¯ãªãã¯ããã¨ã親㮠<details>
è¦ç´ ã®ééç¶æ
ãåãæ¿ãããã¨ãã§ãã¾ãã ã¦ã§ãã³ã³ãã¼ãã³ã
ã¦ã§ãã³ã³ãã¼ãã³ãã¯è¦ããã«ãç¬èªã®è¦ç´ ã使ãã¦é常㮠HTML è¦ç´ ã§ãããã®ããã«ä½¿ç¨ã§ãããHTML é¢é£æè¡ã§ããå ãã¦ãç¬èªçã®æ¨æº HTML è¦ç´ ã使ãããã¨ãã§ãã¾ãã
è¦ç´ 説æ<slot>
ã¦ã§ãã³ã³ãã¼ãã³ã æè¡ç¾¤ã®ä¸é¨ã§ãããã®è¦ç´ ã¯ãã¦ã§ãã³ã³ãã¼ãã³ãå
ã®ãã¬ã¼ã¹ãã«ãã¼ã§ãèªåèªèº«ã§ãã¼ã¯ã¢ãããåãããã¨ãã§ããå¥åã® DOM ããªã¼ã使ãã¦ä¸ç·ã«è¡¨ç¤ºãããã¨ãã§ããã <template>
ãã¼ã¸ãèªã¿è¾¼ã¾ããã¨ãã«ããã«ã¬ã³ããªã³ã°ãããã®ã§ã¯ãªããå®è¡æã« JavaScript ã使ã£ã¦å¾ããã¤ã³ã¹ã¿ã³ã¹åãããã¨ãã§ãã HTML ãä¿æããããã®ã¡ã«ããºã ã§ãã 廿¢ã¾ãã¯éæ¨å¥¨ã®è¦ç´
è¦å: 以ä¸ã¯éæ¨å¥¨ã®å¤ã HTML è¦ç´ ã§ããã使ç¨ããã¹ããã®ã§ã¯ããã¾ããã æ°ããªããã¸ã§ã¯ãã§ã¯ãããã使ç¨ãããã¾ãæ¢åã®ããã¸ã§ã¯ãã§ãå¯è½ãªéãããããç½®ãæãã¦ãã ããã ãã®ä¸è¦§ã¯ãæ å ±æä¾ã®ããã«è¨è¼ãã¦ãã¾ãã
è¦ç´ 説æ<acronym>
é åèªã¾ãã¯ç¥èªã®åèªãæ§æããæåã®ä¸¦ã³ãæç¤ºãããã¨ãã§ãã¾ãã <big>
å
å
ããããã¹ããå¨ãã®æååããã1段é大ãããã©ã³ãã®å¤§ããã§æç»ãã¾ãï¼ä¾ãã° medium
ã large
ã«ãªãã¾ãï¼ã大ããã¯ãã©ã¦ã¶ã¼ã®æå¤§ãã©ã³ãã®å¤§ããã«å¶éããã¾ãã <center>
ä¸ã«å«ã¾ãããããã¯ã¬ãã«ã¾ãã¯ã¤ã³ã©ã¤ã³ã³ã³ãã³ããä¸å¤®æããã¦è¡¨ç¤ºãã¾ãã <content>
ã¦ã§ãã³ã³ãã¼ãã³ãæè¡ç¾¤ã®å»æ¢ãããé¨åã§ãããã·ã£ã㦠DOM ã®ä¸ã§æ¿å
¥ãã¤ã³ãã¨ãã¦ä½¿ããã¦ãã¾ããããé常㮠HTML ã§å©ç¨ãããã¨ã¯æå³ããã¦ãã¾ããã§ãããç¾å¨ã§ã¯ DOM ã®ä¸ã§ã·ã£ã㦠DOM ãæ¿å
¥ãããã¨ãã§ããå ´æã使ãã <slot>
è¦ç´ ã«ç½®ãæãããã¾ããã <dir>
ã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ããé©ç¨ããã¹ã¿ã¤ã«ãã¢ã¤ã³ã³ãç¨ãã¦è¡¨ç¤ºããããã¡ã¤ã«ããã©ã«ãã¼ã®ãã£ã¬ã¯ããªã¼ã®ã³ã³ããã¼ã¨ãã¦ä½¿ããã¾ãããã®è¦ç´ ã¯å»æ¢ãããã®ã§ä½¿ããªãã§ä¸ããã代ããã«ããã¡ã¤ã«ä¸è¦§ãå«ããä¸è¦§ã«ã¯ <ul>
è¦ç´ ã使ç¨ãã¦ãã ããã <font>
ãã®å
容ã®ãã©ã³ããµã¤ãºãæåè²ã使ç¨ãã©ã³ããå®ç¾©ãã¾ãã <frame>
å¥ã® HTML ææ¸ã表示ã§ããåã
ã®é åãå®ç¾©ãã¾ããframe è¦ç´ 㯠<frameset>
ã®å
é¨ã§ä½¿ç¨ãã¾ãã <frameset>
<frame>
è¦ç´ ãå
å«ããããã«ä½¿ç¨ãã HTML è¦ç´ ã§ãã <image>
<img>
è¦ç´ ã®å¤ãã対å¿ãä¸ååãªå身ã§ãã <marquee>
ããã¹ããã¹ã¯ãã¼ã«ããé åãæ¿å
¥ãã¾ããè¦ç´ ã®å±æ§ã使ç¨ãã¦ãããã¹ããã³ã³ãã³ãé åã®ç«¯ã«éããã¨ãã«ã©ãããããå¶å¾¡ã§ãã¾ãã <menuitem>
ã¦ã¼ã¶ã¼ããããã¢ããã¡ãã¥ã¼ããå¼ã³åºããã¨ãã§ããã³ãã³ãã表ãã¾ããã¡ãã¥ã¼ãã¿ã³ã«å²ãå½ã¦ãã¡ãã¥ã¼ã¯ãã¡ãããã³ã³ããã¹ãã¡ãã¥ã¼ãå«ã¿ã¾ãã <nobr>
ãã®å
å
ããæååã®èªåæ¹è¡ãç¡å¹åãã¾ããã¤ã³ã©ã¤ã³ã«åã¾ããªãæååã¯ãé åããã¯ã¿åºã¦ã¬ã³ããªã³ã°ãããããã¹ã¯ãã¼ã«ãã¼ãä¼´ã£ã¦è¡¨ç¤ºããã¾ãã <noembed>
廿¢ããããæ¨æºå¤ã®æ¹æ³ã§ããã <embed>
è¦ç´ ã«å¯¾å¿ãã¦ããªããã©ã¦ã¶ã¼ããã¦ã¼ã¶ã¼ã仿§ã¨ãã種é¡ã®åãè¾¼ã¿ã³ã³ãã³ãã«å¯¾å¿ãã¦ããªããã©ã¦ã¶ã¼ã§ä»£æ¿ã¾ãã¯ããã©ã¼ã«ããã¯ãã³ã³ãã³ããæä¾ãããã®ã§ãããã㯠HTML 4.01 ã§éæ¨å¥¨ã¨ãªãã代æ¿ã³ã³ãã³ã㯠<object>
è¦ç´ ã®éå§ã¿ã°ã¨çµäºã¿ã°ã®éã«é
ç½®ãããããã«ãªãã¾ããã <noframes>
<frame>
è¦ç´ ã«å¯¾å¿ãã¦ããªãï¼ã¾ãã¯å¯¾å¿ãç¡å¹åããï¼ãã©ã¦ã¶ã¼ã®ããã®ã³ã³ãã³ããæä¾ãã¾ãããã使ãããã»ã¨ãã©ã®ãã©ã¦ã¶ã¼ããã¬ã¼ã ã«å¯¾å¿ãã¦ãã¾ãããä¸é¨ã®ã¢ãã¤ã«ãã©ã¦ã¶ã¼ãããã¹ãã¢ã¼ããã©ã¦ã¶ã¼ãªã©ã®ä¾å¤ãããã¾ãã <param>
<object>
è¦ç´ ã®å¼æ°ãå®ç¾©ãã¾ãã <plaintext>
éå§ã¿ã°ä»¥éã®ãã¹ã¦ãçã®ããã¹ãã¨ãã¦è¡¨ç¤ºãããã以éã® HTML ãç¡è¦ãã¾ããéå§ã¿ã°ä»¥éã¯å
¨ã¦çã®ããã¹ãæ±ãã«ãªãã®ã§ãçµäºã¿ã°ã¯ããã¾ããã <rb>
ã«ã表è¨ã®ãã¼ã¹ã¨ãªãããã¹ãã®é¨åãåºåãããã«ä½¿ç¨ããã¾ããã¤ã¾ãã修飾ãããæååã§ããä¸ã¤ã® <rb>
è¦ç´ ããã¼ã¹ããã¹ãã®ä¸å¯åãªåºéãéã¦ãããã«å²ã¿ã¾ãã <rtc>
<ruby>
è¦ç´ å
ã§ä½¿ç¨ãã <rb>
è¦ç´ ã«ã«ãã§ä¸ããæååã®ãæå³ãè¡¨ãæ³¨éãå
å«ãã¾ãã<rb>
è¦ç´ ã¯çºé³ã®æ³¨é (<rt>
) ã¨æå³ã®æ³¨é (<rtc>
) ã®ä¸¡æ¹ãæã¤ãã¨ãã§ãã¾ãã <shadow>
ã¦ã§ãã³ã³ãã¼ãã³ãæè¡ã¹ã¤ã¼ãã®å»æ¢ãããé¨åã§ãã·ã£ã㦠DOM ã®æ¿å
¥ãã¤ã³ãã¨ãã¦ä½¿ç¨ãããã®ã§ãããã·ã£ãã¦ãã¹ãé
ä¸ã«è¤æ°ã®ã·ã£ãã¦ã«ã¼ããçæããå ´åã«ä½¿ç¨ãã¾ããã <strike>
ããã¹ãã®ä¸ã«åãæ¶ãç·ï¼æ°´å¹³ç·ï¼ãå¼ãã¾ãã <tt>
ã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ãã®æ¢å®ã®çå¹
ãã©ã³ãã§è¡¨ç¤ºãããã¤ã³ã©ã¤ã³æååãçæãã¾ãããã®è¦ç´ ã¯ããã¬ã¿ã¤ããããã¹ãå°ç¨ç»é¢ãã©ã¤ã³ããªã³ã¿ã¼ã®ãããªçå¹
ã®è¡¨ç¤ºè£
ç½®ã§è¡¨ç¤ºãããããã¹ãã¨ãã¦ã¹ã¿ã¤ã«ãè¨å®ãããã¨ãããã®ã§ãã <xmp>
éå§ã¿ã°ã¨çµäºã¿ã°ã®éã® HTML ãè§£éãããçå¹
ãã©ã³ãã使ç¨ãã¦ããã¹ããã¬ã³ããªã³ã°ãã¾ããHTML2 ã®ä»æ§ã§ã¯ã1 è¡ã« 80 æåãå
¥ãã ãã®åºãã§ã¬ã³ããªã³ã°ãããã¨ãæ¨å¥¨ããã¦ãã¾ããã é¢é£æ
å ±
Element
ã¤ã³ã¿ã¼ãã§ã¤ã¹RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4