Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In ãã®ç« ã§
ã¹ãã¼ããã©ã³åããµã¤ãã®ä½ãæ¹ã¨ã³ããªã®ã¾ã¨ãã ã¹ãã¼ããã©ã³å å¹´ã¨ãããã2011å¹´ã§ããã注ç®ãéãã¦ãããããããµã¤ãä½ææ³ã«ã¤ãã¦ã®ã¨ã³ããªãçãä¸ãããã¿ãã¦ãã¾ããã å人çã«ããã£ããè¦ãã¦ããããã£ãã®ã§ã¾ã¨ãã¦ã¿ã¾ããã åºæ¬çã«ã¯è§£å度ã大ããç°ãªãã®ã§ãããã«ãã£ãã¤ã³ã¿ãã§ã¼ã¹ã«å¤ãã¾ãããããã¨ããç¹ã¨ãHTML5/CSS3ã使ããã®ã§é§ä½¿ãã¦æ¥½ã«ï¼µï¼©ãã¶ã¤ã³ãã¾ãããã¨ããç¹ãã¦ã¼ã¶ã¤ã³ã¿ãã§ã¼ã¹ããã¦ã¹ã§ã¯ãªãã¿ããã§ãããã¨ããï¼ç¹ä»¥å¤ã¯ãæ®éã®ãµã¤ãä½ãã¨å¤ããã¾ããããã¯ã»ããã°ããã£ããããã¯ããã¯ãããã®ã§ããã£ããæ¼ããã¦ããããã§ããã åºæ¬ ã¹ãã¼ããã©ã³åããµã¤ãã®ä½ãæ¹ï½ã¦ã¼ã¸ã㯠ãµã¤ãã®å¹ ãé«ã viewportã«ãããºã¼ã æå®ã®æ¹æ³ 便å©ãªJSã©ã¤ãã©ãª ã¦ã¼ã¶ã¨ã¼ã¸ã§ã³ã ã·ã¥ãã¬ã¼ã¿ã¼ çã®æç¨æ å ± Androidãµã¤ãã¯æ¨ªå¹
HTML5ã«ã¤ãã¦è²ã ã¨èª¿ã¹ã¦ãã¨ãã«è¦ã¤ããè³æããããã§ãã ãã£ãããªã®ã§ã¾ã¨ãã¦ãããããªã¨æã£ã¦è¨äºã«ãã¾ããã ãSlideShareãã¨ãããã¬ã¼ã³è³æå ±æãµã¤ããããã¾ãã¦ãããããè¦ã¤ããè³æã§ãã HTML5ã«é¢ããè³æã§å½¹ç«ã¡ããã ãªã¨æã£ããã®ã15åããã¯ã¢ãããã¾ããã æ¥æ¬èªã§æ¸ããã¦ãããã®ã®ã¿æç²ã HTML5ã®åå¼·ããããã¨æãæ¹ããHTML5ã«èå³ã®ããæ¹ã¯æ¯éã覧ãã ããã 以ä¸ã«15åã®HTML5é¢é£ã¹ã©ã¤ããè²¼ã£ã¦ããã¾ããã
ãã¶ã¤ãã¯è¦æ³¨ç®ï¼ ææ¥ããèªããHTML5ï¼CSS3ï¼ä¸æãã¶ã¤ã³ã®ç¨®æããï¼13ï¼ï¼1/4 ãã¼ã¸ï¼ â»æ¬ç¨¿ã§ã¯ç¹ã«æãããªãå ´åãFirefoxãGoogle ChromeãOperaãSafariã¯2010å¹´7ææç¹ã®ææ°ãã¼ã¸ã§ã³ãIEã¯Internet Explorer 6/7/8ã®ç·ç§°ã§ãã ãã¾ä¸çã§ä¸çªç±ããHTML5ããCSS3ãã¨ã¯ï¼ æè¿ããHTML5ããCSS3ãã¨ãã£ãè¨èãããè³ã«ãã¾ãããï¼ ãããã¯Webã®è¡¨ç¾ããã£ã¨è±ãã«ããããã«çå®ä¸ã®è¨èªã§ãããã¾ã¾ã§ã®HTML 4.01ãXHTMLã§ã¯å®ç¾ã§ããªãã£ããã¨ãã§ããããã«ãªã£ãããCSS3ã¯CSS 2.1ããããã«ã°ã©ãã£ã«ã«ãªé¨åã¾ã§è¡¨ç¾ã§ããããã«ãªãã¾ããã FirefoxãOperaãSafariãChromeã¨ãã£ãHTML5ï¼CSS3ã«å¯¾å¿ããWebãã©ã¦ã¶ãå¢ãã¦ãããã¨ã§ãHTML5
ãã®è¨äºã¯5/23ã«æ²è¼ããããA HTML5 Primer for the Overwhelmedãã訳ãããã®ã§ã HTML5ãã°ã¼ã°ã«ãã¢ããã«ã«ããããªããã¤ã³ã¿ã¼ãããã¢ããªã±ã¼ã·ã§ã³ï¼RIAï¼ã®ããã®ã½ãªã¥ã¼ã·ã§ã³ã¨ãã¦å¼·åã«ãµãã¼ãããå§ããçµæãHTML5ã¨ããè¨èããã¹ã¯ã¼ãåãã¦ãã¾ãï¼ç¹ã«Google I/O以éï¼ãããã¦ãHTML5ã¨ããè¨èãåºãæµå¸ããã«ãããã£ã¦ããã®è¨èæ¬æ¥ã®æå³ã¨ã¯éãæå³ã§ä½¿ããå§ãã¦ãããã¨ããé©ãã§ã¯ãªããªã£ã¦ãã¾ãããHTML5ã®çµé¨ããããã¨ããæ¡ç¨æ¡ä»¶ã¨ãªã£ã¦ãããããªæ¡ç¨æ å ±ãæ¢ã«åå¨ãã¾ãããã·ã³ãã«ãªJavaScriptã¢ãã¡ã¼ã·ã§ã³ãCSS3ã«ããã¢ãã¡ã¼ã·ã§ã³ãã²ã£ãããã¦HTML5ã®ãµã³ãã«ã¨ãã¦ç´¹ä»ããã¦ããããã¾ãã ã¡ããã©00年代ä¸é ã«ã次ä¸ä»£ã®Webéçºããæãããºã¯ã¼ãã¨ãã¦ãAJAXãããWeb2.0ã
HTML 5ãæãæ°ããWebï¼1. Googleç·¨ï¼ ãã¤ãã£ãã¢ããªç´ã®HTML 5ã« ã°ã¼ã°ã«ãæå¾ ããã㨠æ°éæ·³ä¸ Publickey 2009/8/21 æ°ããªã¢ããªã®ãã©ãããã©ã¼ã ã¨ãªãHTML 5ã¸ã®Webãã©ã¦ã¶ãã³ãã®åãçµã¿ãèãã¤ã³ã¿ãã¥ã¼ãã¾ãã¯ã°ã¼ã°ã«ã«èãã ãªã¼ãã³ãªå½¢ã§HTMLé©æ°ãé²ããªãã¦ã¯ãããªã ææ¸ãé²è¦§ããWebãããã¢ããªã±ã¼ã·ã§ã³ã®ãã©ãããã©ã¼ã ã¸ã¨ãHTML 5ã®ç»å ´ãWebã大ããå¤ãããã¨ãã¦ãã¾ãããã®HTML 5ã«ã¤ãã¦ä¸»è¦ãªWebãã©ã¦ã¶ãã³ãã¯ã©ã®ããã«èããåãçµããã¨ãã¦ããã®ã§ããããã ä»åã¯ã°ã¼ã°ã«ã®ã·ãã¢ãããã¯ãããã¼ã¸ã£ åå·åä¹æ°ã¨ãã½ããã¦ã§ã¢ã¨ã³ã¸ãã¢ã®ç°æå¥äººæ°ã«ãã°ã¼ã°ã«ãç¹ã«Google Chromeã«é¢é£ããHTML 5ã®åãçµã¿ã«ã¤ãã¦è©±ãèãã¾ããã âââ ã°ã¼ã°ã«ã¯ä»å¹´ã®ãµã³ãã©ã³ã·ã¹
Webãã©ã¦ã¶ãã¢ããªã±ã¼ã·ã§ã³ãã©ãããã©ã¼ã ã¨ãã¦ããã£ã³ãã¹ããªãã©ã¤ã³ã¨ãã£ãæ©è½å¼·åãè¡ãã¤ã¤ããã¨ãã話ãååãFirefox 3.5ã¨ãã©ãããã©ã¼ã åããWebãã©ã¦ã¶ãã§æ¸ãã¾ããã ãã®Webãã©ã¦ã¶ã®é²åãè£ã§æ¯ãã¦ããã®ã¯ãæ¨æºã¨ãã¦ã®HTML 5ã®åå¨ã§ãã ããããHTMLã¯ç´10å¹´åã®HTML 4ã§ãã¼ã¸ã§ã³ã¢ãããçµãã¦ããã®å¾ã¯HTMLãXMLã§æ¸ãç´ããXHTMLãå¾ç¶ã¨ãªãã¾ãããå®éã«XHTML 1.0ã¨1.1ãçå®ããã¦ãã¾ãã XHTMLã¯ããã¾ã¾ã§ãããWebãã©ã¦ã¶ã§åç §ããããã«æ¸ããã¦ããHTMLãXMLåãããã¨ã§ãæ©æ¢°ã§ãèªãããã¼ã¿ã¨ãããã¨ãç®æãã¾ãããããã«ã¯ãããããã¯æ©æ¢°ãããã¨åãããã«XHTMLã解éãã¦ãã¼ã¿ãæ´»ç¨ãããã»ãã³ãã£ãã¯Webããåºãã£ã¦ãããã¨ããã·ããªãªããã£ãããã§ãã ã¨ãããå®éã«ã¯ã»ãã³ãã£
MT underHatã«ããã½ãªã¨Movable Type 5 ã®ãã¼ãã追å ãã¾ããã MT underHat ãã¼ã 002 - ã«ã³ãã¹ | MT underHat ä»å追å ãããã¼ããHTML5使ã£ã¦ããã§ãããHTML5ã®ãã¼ã¯ã¢ããã§ä¸çªæ©ã¿ãããªã¢ã¦ãã©ã¤ã³é¢ä¿ã¯æ¢ãã¦ãã¾ã使ããã«ãåãããããé¨åã ãæ°è¦ç´ ã使ã£ããããæãã§ãã¼ã¯ã¢ãããã¦ãã¾ãã ä½ã¨è¨ãããStrictã£ã½ãHTML5 ãããªã Transitional ã¿ãããªæãã£ã¦è¨ãã°ã¤ã¡ã¼ã¸ãä¼ããããªã å ¥éç¨ã¨ãããã å®éãã¬ãããªãã£ã¡ããã£ã¦ããä»å¾ã©ããªããåããã¾ããããä»ã¯åãããã触ãã¦ã¿ãã¨ãã§è¯ãæ°ããã¦ã¾ãã ãªã®ã§ã触ããããæããç®æãã¦ã¿ã¾ããã ã§ããã®ãã¼ãã¯ãCSSã¨ãã¬ãããªããã£ã¦ä½¿ã£ã¦ãããã®ãåæã«ãã¦ãé¨åãããã®ã§ããªãªã¸ãã«ãä½ããããããã«ãã¼ã«ã«ã§ç¢ºèª
Flash ã ããã HTML5 ã ãã¨ãã£ãè°è«ã¯å°½ããªããã大æãã«ã製ä½ä¼ç¤¾ Digital Playground 社ã¯ãå ¨ã¦ã®ãã©ã¦ã¶ã HTML5 ã«å¯¾å¿ããå ´åãç´ã¡ã« Flash ããæãå¼ããã¨çºè¨ããããã (ConceivablyTech ã®è¨äºãæ¬å®¶ /. è¨äºãã) ã å社ã®åµè¨è Ali Joone æ°æ°ããFlash ã¯ããããªãæ¶è²»ããããå ¨ã¦ãé ãããããHTML5 ãããã°ã³ã³ãã³ãã Flash ã«ããçç±ã¯ãªããã¨ã®ãã¨ãã¾ã AppleInsider ã®è¨äºã«ããã°ãiPhone ã¢ããªã§ã¯ãã«ãã³ã³ãã³ãã¯èªå¯ãããªããããiPhone åãã«ãã«ããæä¾ããã«ã¯ HTML5 ã使ã£ãåç㪠Web ã³ã³ãã³ãã«ããå¿ è¦ãããã¨ãã£ãèæ¯ãããããã ã å ¨ã¦ã®ã¦ã§ããµã¤ãã® 37% ããã«ãã³ã³ãã³ãã§ãã (åè: /.J è¨äº) ãã¨ãéã¿ã
Webãã©ã¦ã¶ãæä¾ãã主ãªãã³ããã°ã¼ã°ã«ããã¤ã¯ãã½ãããã¢ã¸ã©ããªãã©ãã¢ããã«ãã¯ãHTML5ã¸ã®å¯¾å¿ãæ¥ãã¨åæã«ãç¸æ¬¡ãã§HTML5ã®é åãå 容ããããããã¼åãã«ç´¹ä»ãããµã¤ããéè¨ãã¦ãã¾ãããã®è¨äºã§ã¯ãããããã¾ã¨ãã¦ç´¹ä»ãããã¨ã«ãã¾ãããã ã°ã¼ã°ã«ã®ãHTML5 Rocksã ã°ã¼ã°ã«ã¯6æ22æ¥ã«éçºè åãã«HTML5ãç´¹ä»ããå¦ç¿ããããã®Webãµã¤ããHTML5 Rocksãããªã¼ãã³ãã¾ããã HTML5 Rocksã¯ç¾å¨3ã¤ã®ã³ã¼ãã¼ã«åããã¦ãã¾ãã 1ã¤ç®ã¯ãInteractive Presentationããããã¯HTML5ã®æ°ããªAPIãDOM APIãLocal StorageãWebWorkerãªã©ãã¾ãã¾ãªæ©è½ãç´¹ä»ãããã¬ã¼ã³ãã¼ã·ã§ã³ãæ©è½ã¨å ±ã«JavaScriptã§ã®ã³ã¼ãã£ã³ã°ä¾ãå®éã«åä½ãããã¢ãªã©ãç¨æããã¦ãããHTML5ã®
å¼ç¤¾ä»£è¡¨ã®èæ¸ããiPhoneã¨ãã¤ãã¿ã¼ã§ä¼ç¤¾ã¯å²ãããã®åºçè¨å¿µã¨ãå··ã§è©±é¡ã®ãåºç¤ææ³æéãã¹ã¿ã¼ããã¼ã ã«ä¾¿ä¹ãã¦ãiPhoneï¼iPod Touchï¼åããµã¤ãæ§ç¯ã«ãããåºç¤ã¨ãã©ã¹å¿ç¨ã®ãã¿ã¨ãåèã«ãªããªã³ã¯éãã¾ã¨ãã¾ããã 2010/11/18追è¨ï¼ iPhoneåããµã¤ãå¶ä½ã®æ¸ç±ãå·çãã¾ããï¼ æ¢åã®ãã¹ã¯ãããåããµã¤ããã¢ãã«ã«ãã iPhoneã«æé©åãããµã³ãã«ãµã¤ãã®ç´¹ä»ã¨ ã³ã¼ãã®è§£èª¬ããã¦ãã¾ãã iPhoneåããµã¤ãå¶ä½ã®å ¥éæ¸ã«æé©ã§ãã ãHTML5ï¼CSS3ã§ä½ã é ããiPhoneãµã¤ãã åºç¤ç·¨ 対象ãã©ã¦ã¶ã¯MobileSafariã§ã ã¬ã³ããªã³ã°ã¨ã³ã¸ã³ã¯Safariã¨åãwebkitã§ãããMobileSafariã®æ¹ã«ã¯iPhoneåãã®ä¸é¨ç¬èªæ¡å¼µï¼CSSï¼ãããã¾ããæ¤è¨¼ã®éã¯ãé常ã®Safariã®ã¦ã£ã³ãã¦ãµã¤ãºãçãã
ãã®ãã¼ã¸ã§ã¯ãHTML5ã®APIãå©ç¨ããç°¡åãªãµã³ãã«ãå ¬éãã¦ãã¾ãã ãã®ãµã³ãã«ã®å¤ãã¯ãå¼ç¤¾æè¡é¡§åã®ç½ç³æ°ããã¤ã³ãã¸ã£ã¼ãã«ã«å¯ç¨¿ããè¨äºã§ä½¿ç¨ããããã°ã©ã ãå ã«ãå¤å°ã®æ¹å¤ãå ãããã®ã§ãã ã©ããé常ã«ã·ã³ãã«ãªãã®ã§ã¯ããã¾ãããHTML5ã®åæ©è½ã試ãããã®ã¨ã£ãããã¨ãã¦ãå©ç¨é ããã¨æãã¾ãã ç½ç³æ°ãå¯ç¨¿ããè¨äºã¯ãã¡ãã«ãªãã¾ãããããã®è¨äºã¨åããã¦ãµã³ãã«ããå©ç¨ã«ãªã£ã¦é ãäºã§ãåæ©è½ã®ç解ãããæ·±ã¾ããã¨ã§ãããã 詳解! HTML 5ã¨é¢é£APIã®ææ°åå - æ°ã¿ã°&APIç·¨ 詳解! HTML 5ã¨é¢é£APIã®ææ°åå - Webã¢ããªéçºç·¨ ã¢ããªã±ã¼ã·ã§ã³ãã£ãã·ã¥ã®ãµã³ãã« (ãã¦ã³ãã¼ã) (Safari4ãGoogle Chrome3ã§åä½ç¢ºèªæ¸ã¿ãFirefoxã ã¨ãã¢ããªã±ã¼ã·ã§ã³ãã£ãã·ã¥ã®ã¤ãã³ããæ£ããçºçãããåä½ããªãã¨
HTML5.JP ã¯ãHTML5 ã®å½å ã§ã®æ®åãç®æãã2007 å¹´ã«å人ããã¸ã§ã¯ãã¨ãã¦éå¶ãéå§ããã¾ããã2019 å¹´ç¾å¨ããã§ã« HTML5 ã¯å½ããåã®ããã«æ´»ç¨ãããå¤ãã®æ å ±ããããããå ¥æãããã¨ãã§ããããã«ãªãã¾ããã å½ãµã¤ãã®å½¹å²ã¯çµãããã¨ã«å ããå½ãµã¤ãã®æ´æ°ãã¾ã¾ãªããæ å ±ãå¤ãã¾ã¾ã§ãã£ããã¨ãããå½ãµã¤ããééãããã¨ã«ãããã¾ãããããã¾ã§å½ãµã¤ãããæ¯æ´é ãã¾ããçæ§ã«ã¯å¿ãã御礼ç³ãä¸ãã¾ãã 2019 å¹´ 8 æ 15 æ¥ ç®¡ç人ãã
HTMLè¨èªã®ææ°ãã¼ã¸ã§ã³ã¨ãã¦ãç¾å¨æ¨æºåä½æ¥ãé²ãããã¦ãããHTML5ããã¯ã¦ãªããã¯ãã¼ã¯ã§ããã®ãã¼ã¯ã¼ããç®ã«ããæ©ä¼ãå¢ãããHTML5ã£ã¦ä½ï¼ãã¨çåã«æã£ã¦ãã人ãå¤ãã®ã§ã¯ãªãã§ãããããä»åã¯ããHTML5ã£ã¦ä½ï¼ã©ããªãã¨ãã§ããã®ï¼ãã¨ããçåã«ãçããããã¨æãã¾ãã â HTML5ã§ã§ããã㨠ã¾ãã¯ãHTML5ã使ãã¨å ·ä½çã«ã©ããªãã¨ãã§ããã®ããè¦ã¦ããã¾ãããã ï¼å ·ä½çã«ä½ãã§ããã®ï¼ï¼ â½HTML5.JP - 次ä¸ä»£HTMLæ¨æº HTML5æ å ±ãµã¤ã â½HTML5ã¨ã¯ï¼å¤ããWebã¨æ³¨ç®ã®æ°è¦ç´ HTML5.0ã®æ å ±ãµã¤ã â½å¤§å¹ ã«é²åãã次ä¸ä»£ HTML è¦æ ¼ãHTML5ãã¨ã¯ï¼ - japan.internet.com Webãã¸ãã¹ â½HTML5, ãã¡ãã¨ã â½ããã¾ãTech - HTML5 ã«ã¤ãã¦ã® Q&A â½2010å¹´ã«å§åãããã
HTML5ã¯ãªãéè¦ãªã®ã§ããããããã®ããã°ã§ããHTML5ã¯ITæ¥çå ¨ä½ã«ã¨ã£ã¦éè¦ãªæ¨æºã ã¨ä½ç½®ã¥ãã¦ããã®ååã«ã¤ãã¦ã¯ä½åº¦ãåãä¸ãã¦ãã¾ããã ãã¾èµ·ãã¦ããWebæ¨æºã®é²åãHTML5ãCSS3ãJavaScript 2.0 HTML5/CSS3ã¯ææ°Webãã©ã¦ã¶ã§ã©ãã ãå®è£ ãé²ãã§ãããï¼ HTML5ã®æ¨æºåã§è¡¨é¢åããSQLã®éäºææ§åé¡ HTML 5ã§ã»ãã³ãã£ãã¯Webãé²ãã¨å°ã人ãã¡ HTML5ã¯HTML4ã®ãã¼ã¸ã§ã³ã¢ããã§ã¯ããã¾ãããHTML5ã¯ããã¾ã§ã®HTMLãXMLã¨å¤§ããç°ãªãç¹ãããã¾ããããã¯ãHTML5ãWebã¢ããªã±ã¼ã·ã§ã³ã®ããã®æ¨æºã ã¨ããç¹ã§ãããããHTML5ã®æ大ã®éè¦æ§ã§ãããããã«å ãã¦2ã¤ã®éè¦ãªãã¤ã³ããããã¨èãã¦ãã¾ãã æ¬ã¨ã³ããªã§ã¯ããã®3ã¤ã®éè¦æ§ã«ã¤ãã¦ç´¹ä»ãããã¨æãã¾ãã ããã¥ã¡ã³ãã®å ±æããå§ã¾ã£ãW
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}