Cacher is the code snippet organizer for pro developers

<!-- 通常のHTMLを日本語にしてみると -->

<HTML文書で書きます>
<ここからHTML文書を書くエリア 日本語で書くよ>
  <ここからブラウザには表示しないページの基本情報であるheadエリア>
    <属性情報 文字コードはUTF-8を利用するよ>
    <ここからページのタイトルであるtitleエリア>ここにそのページのタイトルを入力</titleエリアはここまで>
    <属性情報 ページの概要だよ ここにそのページの説明文を入力。この説明文はGoogleやYahoo!の検索結果にも表示されます>
  </headエリアはここまで>
  
  <ここからブラウザに表示するページの内容であるbodyエリア>
    <ここからページの上部であるheaderエリア>
      <ここからページにとって最も重要な見出しであるh1エリア>ここにそのページに表示される大見出しを入力します</h1エリアはここまで>
      <ここからWEBサイトのナビゲーションであるnavエリア>
        <ここから優先順位のないリストであるulエリア>
          <ここからリストの1つであるliエリア><a href="">メニュー</a></liエリアはここまで>
          <li><a href="">メニュー</a>
          <li><a href="">メニュー</a>
          <li><a href="">メニュー</a>
        </ulエリアはここまで>
      <navはここまで>
    </headerエリアはここまで>
 
    <ここからページの主要なコンテンツを記入するmainエリア>
 
      <ここから関連情報をまとめた章であるsectionエリア>
        <ここから二番目に重要な見出しであるh2エリア>ひとつめのエリアのタイトルを入力</h2エリアはここまで>
        <ここから段落を示すpエリア>段落です。ここに文章を書きます。</pエリアはここまで>
        <ここから段落を示すpエリア>段落です。ここに文章を書きます。</pエリアはここまで>
      </sectionエリアはここまで>
    
    </mainエリアはここまで>
 
    <ここからページの下部に表示するfooterエリア>
      <ここから著作権表記を記入するsmallエリア>copyright 2018 sample site</smallエリアはここまで>
    </footerエリアはここまで>
 
  </bodyエリアはここまで>
</HTMLの文書はここまで>