{
    "componentChunkName": "component---src-templates-blog-post-jsx",
    "path": "/post/omit-close-tag-in-html/",
    "result": {"data":{"site":{"siteMetadata":{"title":"WEB EGG","author":"Leko - CTO at Yuimedi"}},"markdownRemark":{"id":"21d681c2-93e2-5c7c-b01f-034087dcc781","excerpt":"こんにちは。 Web Designing 様主催の「Tap App Awards 2013」というコンテストに出すアプリの開発が終わりました。 jQueryMobile…","html":"<p>こんにちは。<br>\nWeb Designing 様主催の「<a href=\"http://book.mycom.co.jp/special/tapapp/\" target=\"_blank\">Tap App Awards 2013</a>」というコンテストに出すアプリの開発が終わりました。<br>\njQueryMobile を初めて使ってみたので、色々と記事のネタが溜まっております。<br>\nアプリの方も一般公開用に微調整して、近々リリース予定です。</p>\n<p>それはさておき、本題です。 HTML の閉じタグは省略できるという噂を聞いたので、調べてみました。</p>\n<!--more-->\n<h2 id=\"html-にはタグや閉じタグを省略できるタグがある\" style=\"position:relative;\"><a href=\"#html-%E3%81%AB%E3%81%AF%E3%82%BF%E3%82%B0%E3%82%84%E9%96%89%E3%81%98%E3%82%BF%E3%82%B0%E3%82%92%E7%9C%81%E7%95%A5%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%BF%E3%82%B0%E3%81%8C%E3%81%82%E3%82%8B\" aria-label=\"html にはタグや閉じタグを省略できるタグがある permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>HTML にはタグや閉じタグを省略できるタグがある</h2>\n<blockquote>\n<p>終了タグのみ省略できるタグ（次のタグの開始と共に自動的に終了タグがはさまれるので） li, dt, dd, p, tr, td, th，rt, rp, optgroup, option, thread, tfoot 開始タグ終了タグ共に省略してよいタグ（タグが無ければデフォルト値が使われる） html, head, body, tbody, colgroup</p>\n<p><a href=\"http://victreal.com/Junk/htmlTag/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">HTML にて終了タグがいるタグいらないタグ・・の話とか</a></p>\n</blockquote>\n<p><strong>！ ？</strong><br>\nHTML の閉じタグって省略可能なんですね…今まで知りませんでした。<br>\nというのも、こちらの記事 <a href=\"http://detarame.moo.jp/2012/08/07/google%E3%81%8C%E6%8E%A8%E8%96%A6%E3%81%99%E3%82%8Bhtml%E3%81%A8css%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E6%96%B9%E6%B3%95/\" target=\"_blank\">Google が推薦する HTML と CSS のコーディング方法 | 簡単ホームページ作成支援-Detaramehp</a> から知ったのですが、 調べてみたところこの書き方は W3C の仕様でも OK だそうです。id=“feel”></p>\n<h2 id=\"閉じタグの省略は何処か気持ち悪い\" style=\"position:relative;\"><a href=\"#%E9%96%89%E3%81%98%E3%82%BF%E3%82%B0%E3%81%AE%E7%9C%81%E7%95%A5%E3%81%AF%E4%BD%95%E5%87%A6%E3%81%8B%E6%B0%97%E6%8C%81%E3%81%A1%E6%82%AA%E3%81%84\" aria-label=\"閉じタグの省略は何処か気持ち悪い permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>閉じタグの省略は何処か気持ち悪い。</h2>\n<p>しかし、今まで閉じタグをしっかり書いていた人間としては、 なんか落ち着かない…と思うわけです。<br>\nでも天下の Google さんが仰るなら、 何か良い事が有るのだろうと私なりに利点を整理してみました。</p>\n<ul>\n<li>インデントが浅くなり見やすくなる</li>\n<li>カッコカッコって並ばずにすっきりしていて、見やすくなる</li>\n<li>入力が楽</li>\n<li>ファイルサイズが小さくなるから<strong>表示速度が上がる？</strong></li>\n</ul>\n<p>と、主に可読性と保守性に有るのかなと思いました。 閉じタグが分からない、ってことも、きちんとインデントしていれば特に問題無さそうですし、 「このタグは body(もしくは head)にしか入らない」 という感覚がわかっていれば、 html,head,body タグも省略してもむしろスッキリすると思います。 これはぜひ使ってみたい。しかし、</p>\n<ul>\n<li>ブラウザの対応は出来ているのか？</li>\n<li>きちんと閉じタグが補完された状態で表示されるのか？</li>\n<li>閉じタグの補完はパフォーマンスにどう影響するのか</li>\n</ul>\n<p>が気になったため、調べてみました。</p>\n<h2 id=\"実験\" style=\"position:relative;\"><a href=\"#%E5%AE%9F%E9%A8%93\" aria-label=\"実験 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>実験</h2>\n<p>何を実験するのか。それは、 <strong>（ほぼ）同条件で閉じタグが有る/省略されている状態だと どちらの方が読み込みが早いのか</strong> です。 計測に用いた環境は、</p>\n<p>サーバ\n: さくら VPS 2G プラン CentOS6</p>\n<p>使用 PC\n: MacBook Air 11inch OSX Lion メモリ 4GB Intel Core i7 1.8GHz</p>\n<p>ブラウザ\n: Google Chrome 23.0.1271.101 Firefox 18.0 Opera 12.12 Safari 6.0.2</p>\n<p>です。 そして、実験に用意した HTML はこちらです。</p>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\"><span class=\"token doctype\"><span class=\"token punctuation\">&lt;!</span><span class=\"token doctype-tag\">DOCTYPE</span> <span class=\"token name\">html</span><span class=\"token punctuation\">></span></span> <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>title</span><span class=\"token punctuation\">></span></span>タグ省略時の速度計測<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>title</span><span class=\"token punctuation\">></span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>script</span><span class=\"token punctuation\">></span></span><span class=\"token script\"><span class=\"token language-javascript\">\n  <span class=\"token keyword\">var</span> st <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">.</span><span class=\"token function\">getTime</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span>\n</span></span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>script</span><span class=\"token punctuation\">></span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>ul</span><span class=\"token punctuation\">></span></span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>li</span><span class=\"token punctuation\">></span></span>1<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>li</span><span class=\"token punctuation\">></span></span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>li</span><span class=\"token punctuation\">></span></span>4 (50万行繰り返し)<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>li</span><span class=\"token punctuation\">></span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>ul</span><span class=\"token punctuation\">></span></span>\n\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>p</span><span class=\"token punctuation\">></span></span>1<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>p</span><span class=\"token punctuation\">></span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>p</span><span class=\"token punctuation\">></span></span>\n  2 (50万行繰り返し)\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>script</span><span class=\"token punctuation\">></span></span><span class=\"token script\"><span class=\"token language-javascript\">\n    <span class=\"token function\">alert</span><span class=\"token punctuation\">(</span><span class=\"token keyword\">new</span> <span class=\"token class-name\">Date</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">.</span><span class=\"token function\">getTime</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> – st<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  </span></span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>script</span><span class=\"token punctuation\">></span></span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>p</span><span class=\"token punctuation\">></span></span></code></pre></div>\n<p>という HTML を用意しました。 html,head,body と li,p の閉じタグが省略されています。 どう計測したら良いのか分からなかったため、この形式にしてみました。 上下の script タグが実行されるまでの差を計測します。 これで読み込みから表示完了までの時間が取れるのではないかと！ 見た目は、長いけどかなりすっきりしています。 およそ 100 万行。シンタックスハイライトの入ってるエディタだと確実に固まります。 上記が閉じタグを省略した版の HTML で、 閉じタグを省略しない版では、上記の p タグと li タグを閉じています。</p>\n<h2 id=\"ファイルサイズの比較\" style=\"position:relative;\"><a href=\"#%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%B5%E3%82%A4%E3%82%BA%E3%81%AE%E6%AF%94%E8%BC%83\" aria-label=\"ファイルサイズの比較 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>ファイルサイズの比較</h2>\n<p>まずはファイルサイズの比較。 閉じタグを省略して居ない方は、17426630 バイト。約 17.4MB です。 一方閉じタグを省略した方は、12926627 バイト。約 12.9MB です。 ファイルサイズの差は、 <strong>閉じタグを省略した方が約 4.5MB 程ファイルサイズが少なくなります。</strong></p>\n<h2 id=\"速度の計測\" style=\"position:relative;\"><a href=\"#%E9%80%9F%E5%BA%A6%E3%81%AE%E8%A8%88%E6%B8%AC\" aria-label=\"速度の計測 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>速度の計測</h2>\n<p>さて、速度計測です。<br>\n先ほどの HTML を５回ずつ読み込み、平均値を取ります。<br>\nざっくりと、どっちが早い or 変わらないかが分かれば良かったので、５回。<br>\nでは結果発表です。</p>\n<h3 id=\"chrome\" style=\"position:relative;\"><a href=\"#chrome\" aria-label=\"chrome permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Chrome</h3>\n<p>非省略：53998.8ms 省略　：45836.6ms(<strong>-8162.2ms</strong>)</p>\n<h3 id=\"firefox\" style=\"position:relative;\"><a href=\"#firefox\" aria-label=\"firefox permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Firefox</h3>\n<p>非省略：104364.8ms 省略　：74252.6ms(<strong>-30112.2ms</strong>)</p>\n<h3 id=\"opeta\" style=\"position:relative;\"><a href=\"#opeta\" aria-label=\"opeta permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Opeta</h3>\n<p>非省略：52895.6ms 省略　：35929.8ms(<strong>-16965.8ms</strong>)</p>\n<h3 id=\"safari\" style=\"position:relative;\"><a href=\"#safari\" aria-label=\"safari permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Safari</h3>\n<p>非省略：24673.8ms 省略　：21818.8ms(<strong>-2845ms</strong>)</p>\n<h3 id=\"結果\" style=\"position:relative;\"><a href=\"#%E7%B5%90%E6%9E%9C\" aria-label=\"結果 permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>結果</h3>\n<p>どのブラウザでも、<strong>閉じタグを省略したほうが読み込みが大幅に高速でした</strong> 状態を変えずに計測したのですが、 結構結果に結構ばらつきが有ったため、あまり信頼できるデータでは無いかもしれません。</p>\n<h2 id=\"まとめ\" style=\"position:relative;\"><a href=\"#%E3%81%BE%E3%81%A8%E3%82%81\" aria-label=\"まとめ permalink\" class=\"autolink-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>まとめ</h2>\n<p>以上の検証結果から、</p>\n<ul>\n<li>閉じタグを入れる/省略するは動作に影響しない</li>\n<li>ファイルサイズの差が読み込み速度の差に影響している</li>\n<li>許可されたタグは省略してもきちんと補完される（計測ついでに確認</li>\n<li>複雑な入れ子構造になった場合などは不明</li>\n</ul>\n<p>という判断をしました。 いかがでしたでしょうか。 閉じタグ省略は、表示高速化のための 選択肢の一つとなりえるのではないでしょうか。 万が一が怖いので用途を選びますが、 私はこれから積極的に採用して行きたいと思います。 しかし、注意事項として <strong>省略できないタグもある</strong>ことと、 私の検証では高速でしたが、<strong>他の条件でも同様かは不明</strong> であることをお忘れなきようお願いします。</p>","timeToRead":7,"frontmatter":{"title":"「HTMLのタグは一部省略可能」表示速度はどちらが早いのか調べてみた","tags":["HTML"],"date":"January 18, 2013","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='150'%20viewBox='0%200%20400%20150'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%206l1%206c5%200%2025-7%2029-10l3-2H0v6m47-5l-1%204c2%201%2024-3%2027-4%201-1-2-1-11-1L47%201m116%200l6%2016%204%2010%202%205h9a8230%208230%200%2000123-4c48-1%2047-1%2048-6l1-5v-1l1-5%201-8V0h-64c-67%200-77%201-87%205-5%202-5%201-9-2l-2-3h-17l-16%201m212%204l-1%2013v8h4c6%201%205%201%207-11%201-7%203-12%204-13%201-2%201-2-6-2h-8v5m16-3l-2%203-2%2016c-1%205%200%205%206%205%204-1%204%200%203%202%200%203%201%203%202-1l1-3-1-3v-3l1%203c1%201%201-2%201-9V0h-4l-5%202M266%2032c-14%201-13%201-14%208%200%208%200%208-10%208a5158%205158%200%2000-48%206%204746%204746%200%2001104-8l9-1%202%203%204%204c2%201%204%208%202%209a842%20842%200%2001-98%207h-39v4l-1%203h-1c0%202-3%202-14%202h-4%206l-6-1c-10-2-12-2-11-3l3-1c3%200%203-3%200-4h-7c-4%200-5%200-5%202%200%203-2%204-2%202s-2-2-12-2l-12-1c0-2-8-3-26-3l-14-1-8-1-8%201-5%201c-6%200-17%203-14%204%202%201%201%202-2%202h-3l3%201c3%201%203%201-1%201-6%200-6%201%200%202%204%201%204%201%206%207%203%209%204%2021%202%2024s0%203%2016%202a13951%2013951%200%2001258-26l2-1%202-1c1%200%202%200%201-1-2%200-1-2%201-2%201%200%202%200%202-2l2-4c2-2%203-3%203-11l1-11c2-5%201-7-1-10l-3-3h-14c-13%200-13%201-13%203s-1%202-5%202c-7%201-8%201-9-4-1-7-2-8-19-6m114%2027l1%203c1%201%201%201-2%202s-3%201-2%202c2%202%202%202-1%204l-2%204c0%202-1%202-3%202l-2%202-1%201c-2%200-3%200-2%201l11%202%2014%202%204%201-3%201-3%202-6%203-10%202%2025%204c2%200%202%200%202-17V62l-3-1h-5l-2-1-2-1h-8m17%2085l1%202%201%201c0%202-4%201-4-1h-1c0%202-2%203-4%201h-1c0%202-11%201-11-1h-1c-2%202-4%203-4%201l-1-2-1%201c1%202-2%202-15%202l-8%201%2026%201h26v-3l-1-2-1-2c-1-1-1-1-1%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2.672,"src":"/static/4829dfbc06c37d42ee6a7857a4e25c28/4fe8c/featured-image.jpg","srcSet":"/static/4829dfbc06c37d42ee6a7857a4e25c28/466a3/featured-image.jpg 334w,\n/static/4829dfbc06c37d42ee6a7857a4e25c28/4fe8c/featured-image.jpg 600w","srcWebp":"/static/4829dfbc06c37d42ee6a7857a4e25c28/ad85c/featured-image.webp","srcSetWebp":"/static/4829dfbc06c37d42ee6a7857a4e25c28/cd98f/featured-image.webp 334w,\n/static/4829dfbc06c37d42ee6a7857a4e25c28/ad85c/featured-image.webp 600w","sizes":"(max-width: 600px) 100vw, 600px"}}}}}},"pageContext":{"slug":"/omit-close-tag-in-html/","previous":{"fields":{"slug":"/how-to-treat-ready-event-in-jq-mobile/"},"frontmatter":{"title":"jQueryMobileでは$(function(){});ではなくpageinitとpageshowを使い分けるべき","tags":["jQuery","jQuery mobile"]}},"next":{"fields":{"slug":"/event-report-of-cross-2013/"},"frontmatter":{"title":"イベントレポート：コウサ展に出展して思ったこと","tags":["コウサ展"]}}}},
    "staticQueryHashes": ["2585454260","2954598359"]}