1. ã¯ããã«: HTMLè³æ Œã®éèŠæ§
è¿å¹ŽãWebæè¡ã®é²åãšãšãã«ãHTMLã®ç¥èã¯ãŸããŸã䟡å€ãæã€ããã«ãªã£ãŠããŸãããHTMLã¯ãWebããŒãžã®åºç€ãšãªãèšèªã§ããããã®éèŠæ§ã¯èšãç¥ããŸããããã®ã»ã¯ã·ã§ã³ã§ã¯ãWebæ¥çã§ã®HTMLã®åœ¹å²ãšãè³æ ŒååŸã®ã¡ãªããã«ã€ããŠè§£èª¬ããŸãã
1.1 Webæ¥çã§ã®HTMLã®åœ¹å²
HTMLã¯ãHyperText Markup Languageã®ç¥ã§ãWebããŒãžãæ§ç¯ããããã®ããŒã¯ã¢ããèšèªã§ããWebããŒãžã®ããã¹ããç»åããªã³ã¯ãªã©ã®èŠçŽ ãé 眮ãããã¶ã€ã³ããããã®åºæ¬çãªããŒã«ãšããŠäœ¿çšãããŸããWebæ¥çã«ãããŠãHTMLã¯å¿ é ã®ã¹ãã«ãšãªã£ãŠãããWebãã¶ã€ããŒãããã³ããšã³ãéçºè ã¯ãã¡ãããããŒã±ãã£ã³ã°ãã³ã³ãã³ãå¶äœã®åéã§ããåºæ¬çãªHTMLã®ç¥èãæ±ããããããšãå¢ããŠããŸããã
1.2 è³æ ŒååŸã®ã¡ãªãã
HTMLã®ç¥èã身ã«ã€ããããšã¯ãWebæ¥çã§ã®ãã£ãªã¢ãç¯ãäžã§éåžžã«æå©ã§ããããããèªå·±åŠç¿ã ãã§ã¯ãã©ãã ãã®ç¥èã身ã«ã€ããã®ãã蚌æããã®ã¯é£ããããšããããŸããããã§ãHTMLè³æ Œã®ååŸãéèŠãšãªã£ãŠããŸãã
è³æ ŒãååŸããããšã§ã以äžã®ã¡ãªãããåŸãããŸãïŒ
- èªåã®ã¹ãã«ã客芳çã«èšŒæããããšãã§ããã
- æ±äººå¿åæã«æå©ã«åãã
- åŠç¿ã®ã¢ãããŒã·ã§ã³ãç¶æãããããªãã
ç¹ã«ãæ°åã転è·ãèããŠããæ¹ã«ãšã£ãŠãHTMLè³æ Œã¯åŒ·åãªæŠåšãšãªãåŸãŸããè³æ Œãæã£ãŠããããšã§ãä»ã®å¿åè ãšã®å·®å¥åãå³ãããšãã§ããããå€ãã®ãã£ã³ã¹ãæŽãããšãã§ããã§ãããã
2. ããããã®HTMLè³æ Œã©ã³ãã³ã°TOP5
Webæ¥çã§ã®ãã£ãªã¢ãèããéãHTMLã®ç¥èã蚌æããè³æ Œã¯éåžžã«äŸ¡å€ããããŸããããã§ã¯ãçŸåšã®åžå Žã§ç¹ã«æ³šç®ãããŠããHTMLé¢é£ã®è³æ Œãã©ã³ãã³ã°åœ¢åŒã§çŽ¹ä»ããŸãã
2.1 åè³æ Œã®ç¹åŸŽãšå¯Ÿè±¡è
ãŠã§ããã¶ã€ã³æèœæ€å®ã¯ãWebãã¶ã€ã³ã®åºæ¬çãªç¥èãæè¡ã蚌æããè³æ Œã§ããåå¿è ããäžçŽè ãŸã§ã®å¹ åºãå±€ã察象ãšããŠãããWebãã¶ã€ã³ã®åºç€ãåºãããæ¹ã«ããããã§ãã
Webã¯ãªãšã€ã¿ãŒèœåèªå®è©Šéšã¯ãWebå¶äœå šè¬ã®ç¥èãåãè³æ Œã§ãHTMLãCSSã ãã§ãªããJavaScriptãPHPãªã©ã®ããã°ã©ãã³ã°èšèªã«é¢ããç¥èãå¿ èŠãšãããŸããäžçŽè 以äžã®æ¹ããããã³ããšã³ãéçºè ãç®æãæ¹ã«åããŠããŸãã
HTML5ãããã§ãã·ã§ãã«èªå®è³æ Œã¯ãææ°ã®HTML5ã«é¢ããæ·±ãç¥èã蚌æããè³æ Œã§ããäžçŽè ããææ°æè¡ãåŠã³ããæ¹ã«ããããã§ãã
ãã®ä»ããã€ã¯ããœããæè¡è èªå®(MTA)ãOracleèªå®ã¢ãœã·ãšã€ããªã©ã倧æITäŒæ¥ãæäŸããè³æ ŒãååšããŸãããããã®è³æ Œã¯ãç¹å®ã®æè¡ã補åã«ç¹åããå 容ãšãªã£ãŠãããäŒæ¥ã§ã®æ¡çšæŽ»åãªã©ã§æå©ã«åãããšãæåŸ ãããŸãã
2.2 è³æ ŒååŸãŸã§ã®å¹³åçãªæéãšã³ã¹ã
è³æ ŒååŸã®ããã®å匷æéãã³ã¹ãã¯ãè³æ Œã®çš®é¡ãå人ã®åŠç¿ã¹ããŒãã«ãã£ãŠç°ãªããŸããäžè¬çã«ããŠã§ããã¶ã€ã³æèœæ€å®ãWebã¯ãªãšã€ã¿ãŒèœåèªå®è©Šéšã¯ã3ã6ã¶æã®å匷æéãšãè©Šéšæãå«ããŠ2äžåã5äžåã®ã³ã¹ããããããšèšãããŠããŸãã
HTML5ãããã§ãã·ã§ãã«èªå®è³æ Œã¯ãææ°ã®æè¡ã«é¢ããæ·±ãç¥èãæ±ããããããã6ã¶æ以äžã®å匷æéãšãè©Šéšæãå«ããŠ5äžåã8äžåã®ã³ã¹ãããããããšãå€ãã§ãã
ãŸããè³æ Œã®çš®é¡ã«ãã£ãŠã¯ãå ¬åŒã®ææããªã³ã©ã€ã³ã³ãŒã¹ãå©çšããããšã§ãå¹ççã«åŠç¿ããããšãã§ããŸãããããã®ææãã³ãŒã¹ã®å©çšã«ã¯è¿œå ã®ã³ã¹ãããããããšããããŸãããè³æ ŒååŸã®æåçãé«ããããã®æè³ãšèããããšãã§ããŸãã
3. HTMLè³æ ŒååŸã®ã¡ãªãããšã¯ïŒ
Webæ¥çã§ã®ç«¶äºãæ¿åããäžãå人ã®ã¹ãã«ãçµéšã蚌æããæ段ãšããŠãè³æ ŒååŸã®éèŠæ§ãé«ãŸã£ãŠããŸããç¹ã«HTMLè³æ Œã¯ãWebå¶äœããã¶ã€ã³ã®åºç€ãšãªãç¥èãæã£ãŠããããšã瀺ã蚌ææžãšããŠãå€ãã®äŒæ¥ãçµç¹ã§è©äŸ¡ãããŠããŸãããã®ã»ã¯ã·ã§ã³ã§ã¯ãHTMLè³æ ŒååŸã®å ·äœçãªã¡ãªããã«ã€ããŠæ·±æãããŠãããŸãã
3.1 ãã£ãªã¢åœ¢æã«ãããå©ç¹
HTMLè³æ ŒãååŸããããšã§ããŸãå±¥æŽæžãè·åçµæŽæžãåŒãç«ã€ç¹ãæããããŸããæ¡çšæ åœè ã¯ãå€ãã®å¿åè ã®äžããé©åãªäººæãéžã¶å¿ èŠããããŸãããã®éãè³æ Œãæã£ãŠããããšã¯ãä»ã®å¿åè ãšã®å·®å¥åãå³ã倧ããªãã€ã³ããšãªããŸãã
ãŸããè³æ Œãæã£ãŠããããšã§ãæé²ãæ絊ã®ãã£ã³ã¹ãå¢ããå¯èœæ§ããããŸããç¹ã«å€§æäŒæ¥ãå ¬çæ©é¢ã§ã¯ãè³æ ŒååŸè ã«å¯ŸããŠæåœãå ±å¥šéãæ¯çµŠãããå ŽåããããŸãã
3.2 ã¹ãã«ã¢ãããšèªå·±æé·
è³æ ŒååŸã®éçšã§ãäœç³»çãªåŠç¿ãè¡ãããšãã§ããŸããææãæš¡æ¬è©Šéšãå©çšããªãããHTMLã®åºç€ããå¿çšãŸã§ã®ç¥èãæ·±ããããšãã§ããã®ã§ãããã®åŠç¿éçšã¯ãæ¥åžžã®æ¥åããããžã§ã¯ãã§ã®äœæ¥å¹çãåäžãããã ãã§ãªããæ°ããæè¡ãããŒã«ã®å°å ¥ã«ã圹ç«ã¡ãŸãã
ããã«ãè³æ ŒååŸã¯èªå·±æé·ã®äžç°ãšããŠãéåžžã«äŸ¡å€ããããŸããèªåèªèº«ã®ã¹ãã«ãç¥èã客芳çã«è©äŸ¡ãã次ã®ã¹ãããã«åããŠã®ã¢ãããŒã·ã§ã³ãé«ããããšãã§ããŸãã
4. HTMLè³æ Œã®çš®é¡ãšããããã®ç¹åŸŽ
HTMLã®ç¥èã蚌æããè³æ Œã¯ãåå¿è ããäžçŽè ãŸã§ãããŸããŸãªã¬ãã«ã®ãã®ãååšããŸããããããã®è³æ Œã«ã¯ãç¬èªã®ç¹åŸŽã察象è ããããèªåã®ç®çãã¹ãã«ã¬ãã«ã«åãããŠéžã¶ããšã倧åã§ãããã®ã»ã¯ã·ã§ã³ã§ã¯ãäž»èŠãªHTMLè³æ Œã®çš®é¡ãšãããããã®ç¹åŸŽã«ã€ããŠè©³ãã解説ããŸãã
4.1 åå¿è åãè³æ Œãšãã®å 容
åå¿è åãã®HTMLè³æ Œã¯ãWebå¶äœã®åºç€ãšãªãç¥èã身ã«ã€ããããã®ãã®ã§ããå ·äœçã«ã¯ããŠã§ããã¶ã€ã³æèœæ€å®ããã€ã¯ããœããæè¡è èªå®(MTA)ãªã©ããããŸãããããã®è³æ Œã¯ãHTMLã®åºæ¬çãªã¿ã°ãå±æ§ãããŒãžã®æ§é ãªã©ãåæ©çãªå 容ãäžå¿ã«åŠã¶ããšãã§ããŸãã
ç¹ã«ããŠã§ããã¶ã€ã³æèœæ€å®ã¯ãWebãã¶ã€ã³ã®åºæ¬ããå¿çšãŸã§ãå¹ åºãåŠã¹ããããWebæ¥çã«èå³ãæã¡å§ããæ¹ã«ããããã§ãã
4.2 äžçŽè åãè³æ Œãšãã®æ·±ãç¥è
äžçŽè åãã®HTMLè³æ Œã¯ãWebå¶äœã®ãããã§ãã·ã§ãã«ãšããŠã®ã¹ãã«ã蚌æããããã®ãã®ã§ããå ·äœçã«ã¯ãHTML5ãããã§ãã·ã§ãã«èªå®è³æ ŒãOracleèªå®ã¢ãœã·ãšã€ããªã©ããããŸãããããã®è³æ Œã¯ãææ°ã®HTML5ãCSS3ã®æè¡ãã¬ã¹ãã³ã·ããã¶ã€ã³ãã¢ã¯ã»ã·ããªãã£ãªã©ãé«åºŠãªå 容ãäžå¿ã«åŠã¶ããšãã§ããŸãã
ç¹ã«ãHTML5ãããã§ãã·ã§ãã«èªå®è³æ Œã¯ãææ°ã®Webæè¡ã«é¢ããæ·±ãç¥èãæã€ããšã蚌æããè³æ ŒãšããŠãå€ãã®äŒæ¥ãçµç¹ã§é«ãè©äŸ¡ãããŠããŸãã
5. HTMLè³æ Œã®è©Šéšå 容ãšå¯Ÿç
HTMLè³æ Œã®ååŸã¯ãWebæ¥çã§ã®ãã£ãªã¢ã¢ããã®äžã€ã®æ段ãšããŠæ³šç®ãããŠããŸããããããè³æ Œè©Šéšã¯æ±ºããŠç°¡åã§ã¯ãããŸããããã®ã»ã¯ã·ã§ã³ã§ã¯ãè©Šéšã®å 容ããåæ Œããããã®å¯Ÿçã«ã€ããŠè§£èª¬ããŸãã
5.1 è©Šéšã®åœ¢åŒãšåºé¡ç¯å²
å€ãã®HTMLè³æ Œè©Šéšã¯ãçèšè©Šéšã®åœ¢åŒãåã£ãŠããŸããåºé¡ç¯å²ã¯ãåºæ¬çãªHTMLã¿ã°ã®äœ¿ãæ¹ãããCSSãJavaScriptãšã®é£æºãã¢ã¯ã»ã·ããªãã£ãSEO察çãªã©ãå¹ åºãå 容ãå«ãŸããŸããç¹ã«ãHTML5ãããã§ãã·ã§ãã«èªå®è³æ Œã®ãããªäžçŽè åãã®è©Šéšã§ã¯ãææ°ã®æè¡ãä»æ§ã«é¢ããæ·±ãç¥èãæ±ããããŸãã
5.2 åæ Œã®ããã®å匷æ³ãšãã¯ããã¯
åæ Œããããã«ã¯ããŸãå ¬åŒã®ææãåèæžããã£ãããšèªã¿èŸŒãããšãåºæ¬ã§ãããŸããæš¡æ¬è©Šéšãç¹°ãè¿ã解ãããšã§ãå®éã®è©Šéšã®é°å²æ°ãæéé åã«æ £ããããšãã§ããŸããããã«ãå®éã«ã³ãŒããæžããªããåŠã¶ããšã§ãçè«ã ãã§ãªãå®è·µçãªã¹ãã«ã身ã«ã€ããããšãã§ããŸãã
6. HTMLè³æ Œã®å®éã®å¹æãšã¯ïŒ
HTMLè³æ ŒãååŸããããšã§ãå ·äœçã«ã©ã®ãããªå¹æãåŸãããã®ã§ãããããè³æ Œã¯åãªãçŽåãã§ã¯ãªããããã«ã¯ç¢ºããªäŸ¡å€ããããŸãããã®ã»ã¯ã·ã§ã³ã§ã¯ãHTMLè³æ Œã®å®éã®å¹æããæ¥çã§ã®è©äŸ¡ã«ã€ããŠè©³ãã解説ããŸãã
6.1 æ¥çã§ã®è©äŸ¡ãšä¿¡é Œæ§
Webæ¥çã«ãããŠãHTMLè³æ Œã¯æè¡åã®èšŒæãšããŠé«ãè©äŸ¡ãããŠããŸããç¹ã«ãæ°åæ¡çšã転è·æŽ»åã®éã«ã¯ãå±¥æŽæžã«è³æ ŒãèšèŒããããšã§ãä»ã®å¿åè ãšã®å·®å¥åãå³ãããšãã§ããŸãããŸããã¯ã©ã€ã¢ã³ããšã®ååŒããããžã§ã¯ãã®ææ¡æã«ãè³æ Œãæã£ãŠããããšã§ä¿¡é Œæ§ãé«ããå¹æãæåŸ ã§ããŸãã
6.2 è³æ ŒååŸè ã®å£°ãšäœéšè«
å€ãã®è³æ ŒååŸè ããã¯ãè©Šéšå匷ãéããŠHTMLã®ç¥èãæ·±ãŸã£ããšã®å£°ãå¯ããããŠããŸãããŸããè³æ ŒãååŸããããšã§ãèªåèªèº«ã®ã¹ãã«ã¢ãããèªä¿¡ã®åäžãå®æããããšãã§ãããšããæèŠãå€ãã§ããäžæ¹ã§ãè³æ Œã ããå šãŠã§ã¯ãªããå®éã®çŸå Žçµéšããããžã§ã¯ãã§ã®ææãéèŠã§ãããšã®ææããããŸããè³æ Œã¯ãããŸã§äžã€ã®æ段ã§ãããããã掻ãããŠå®åã«åãçµã姿å¢ã倧åã ãšæãã声ãå€ãèãããŸãã
7. ããã ãã¯ç¥ã£ãŠããããïŒHTMLè³æ Œã®Q&A
HTMLè³æ Œã«é¢ããæ å ±ãæ¢ããŠãããšãå€ãã®çåãäžå®ãæµ®ãã³äžããããšã§ãããããã®ã»ã¯ã·ã§ã³ã§ã¯ãHTMLè³æ Œã«é¢ãããããã質åãšãã®åçããããŠè³æ ŒååŸã®éã®æ³šæç¹ã«ã€ããŠè©³ãã解説ããŸãã
7.1 ããããçåãšãã®åç
ãŸããå€ãã®æ¹ãçåã«æããHTMLè³æ Œã®ååŸã¯æ¬åœã«å¿ èŠãªã®ãïŒããšããåãã«ã€ããŠãHTMLè³æ Œã¯ãããªãã®æè¡åã蚌æããããã®äžã€ã®æ段ã§ããç¹ã«ãæ°ããè·ãæ±ããéããã¯ã©ã€ã¢ã³ãã«å¯ŸããŠèªåã®ã¹ãã«ãã¢ããŒã«ããéã«ãè³æ Œã¯éåžžã«åœ¹ç«ã¡ãŸãã
次ã«ããã©ã®HTMLè³æ ŒãååŸããã°è¯ãã®ãïŒããšããçåãããã¯ãããªãã®ç®çãçŸåšã®ã¹ãã«ã¬ãã«ã«ãã£ãŠç°ãªããŸããåå¿è ã®æ¹ã¯ãåºæ¬çãªè³æ Œããã¹ã¿ãŒãããããšãããããããŸããäžæ¹ãçµéšè ã®æ¹ã¯ãããé«åºŠãªè³æ Œãç®æãããšã§ããããªãã¹ãã«ã¢ãããå³ãããšãã§ããŸãã
7.2 è³æ ŒååŸã®éã®æ³šæç¹
è³æ Œè©Šéšã¯ãå®éã®æ¥åçµéšãšã¯ç°ãªãç¥èãã¹ãã«ãæ±ããããããšããããŸãããã®ãããæ¥åžžã®æ¥åã ãã§ãªããå ¬åŒã®ææãåèæžããã£ãããšåŠç¿ããããšã倧åã§ãããŸããè©Šéšã®ç³ã蟌ã¿ãåéšæã«é¢ããæ å ±ããäºåã«ãã£ãããšç¢ºèªããŠããããšãããããããŸãã
ããã«ãè³æ ŒååŸåŸããå®æçãªæŽæ°ãç¶ç¶çãªåŠç¿ãå¿ èŠãšãªãããšããããŸããè³æ Œã¯äžæçãªãã®ã§ã¯ãªããé·æçãªãã£ãªã¢åœ¢æã®äžç°ãšããŠæããããšã§ããã倧ããªå¹æãåŸãããšãã§ããŸãã
8. ãŸãšã: HTMLè³æ Œãæã€ããšã§å€ããæªæ¥
HTMLã®ç¥èã¯ãçŸä»£ã®ããžã¿ã«ç€ŸäŒã«ãããŠéåžžã«äŸ¡å€ã®ããã¹ãã«ãšãªã£ãŠããŸãããããŠããã®ç¥èãã¹ãã«ã蚌æããHTMLè³æ Œã¯ãå€ãã®æ¹ã ã«ãšã£ãŠãã£ãªã¢ã¢ããã®äžã€ã®æ段ãšããŠæ³šç®ãããŠããŸãããã®ã»ã¯ã·ã§ã³ã§ã¯ãHTMLè³æ Œãæã€ããšã§ã©ã®ãããªæªæ¥ãåŸ ã£ãŠããã®ãããããŠè³æ ŒååŸã®æ矩ã«ã€ããŠãŸãšããŠã¿ãŸãããã
8.1 ä»åŸã®ãã£ãªã¢å±æ
HTMLè³æ Œãæã€ããšã§ããŸãå°±è·ã»è»¢è·æŽ»åã«ãããŠå€§ããªã¢ããã³ããŒãžãåŸãããšãã§ããŸããå€ãã®äŒæ¥ã¯ãå ·äœçãªã¹ãã«ãçµéšã蚌æããè³æ Œãé«ãè©äŸ¡ããŠããŸããç¹ã«ãWebæ¥çãITæ¥çã«ãããŠã¯ãHTMLè³æ Œã¯å¿ é ãšãŸã§èšãããããšãã
ãŸããããªãŒã©ã³ã¹ãšããŠæŽ»åããæ¹ã«ãšã£ãŠããè³æ Œã¯å€§ããªæŠåšãšãªããŸããã¯ã©ã€ã¢ã³ããšã®å¥çŽæã«ãèªåã®ã¹ãã«ãçµéšã蚌æããããã®ä¿¡é Œã®èšŒãšããŠãè³æ Œã掻çšããããšãã§ããŸãã
8.2 è³æ ŒååŸãéããæé·ã®æ矩
è³æ ŒååŸã®éçšã¯ãåã«è©Šéšã«åæ Œããããã ãã®ãã®ã§ã¯ãããŸãããããã¯ãèªåèªèº«ã®ã¹ãã«ãç¥èãæ·±ããæé·ããããã®å€§åãªããã»ã¹ã§ããããŸããHTMLè³æ Œã®å匷ãéããŠãææ°ã®æè¡ããã¬ã³ããåŠã¶ããšãã§ããã ãã§ãªããåé¡è§£æ±ºèœåãè«ççæèåãé€ãããšãã§ããŸãã
ãŸããè³æ ŒãååŸããããšã§ãèªåèªèº«ã®ææã圢ã«ããããšãã§ãããããèªä¿¡ãã¢ãããŒã·ã§ã³ã®åäžã«ç¹ãããŸãããã®ããã«ãè³æ ŒååŸã¯ãèªå·±æé·ã®äžç°ãšããŠéåžžã«äŸ¡å€ã®ããåãçµã¿ãšèšããã§ãããã