褯Ǥޤ

チェックの結果は以下のとおりです。

http://kaomoji.ciao.jp/ を XHTML1.0 Transitional としてチェックしました。
1個のエラーがありましたが、このHTMLは 100点です。タグが 23種類 207組使われています。文字コードは UTF-8 のようです。

先頭の数字はエラーのおおまかな重要度を 0〜9 で示しています(減点数ではありません)。少ない数字は軽く、9 になるほど致命的です。0 は減点対象外のごく軽度のエラーで (グレイのかっこつき) でメッセージされています。

0: line 203: (<img> には width と height 属性を指定するようにしましょう。)解説 186


チェックしたHTMLは以下のとおりです。

http://kaomoji.ciao.jp/

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <meta http-equiv="Content-Style-Type" content="text/css" />
  7.     <meta http-equiv="Content-Script-Type" content="text/javascript" />
  8.     <meta name="viewport" content="width=device-width" />
  9.     <meta name="description" content="クオリティーを重視したシンプルでかわいい顔文字がいっぱい!携帯・スマホからのアクセスに対応した投稿型のランキング形式ポータルサイト。お絵かき掲示板ではAA(アスキーアート)や顔文字のイラストだけではなく多彩なジャンルのイラストを募集。" />
  10.     <meta name="keywords" content="顔文字,かわいい,PC,スマホ,お絵かき" />
  11.     <title>かわいい顔文字スマイリー | PC - スマホ</title>
  12.     <link rev="made" href="mailto:dummy_email_address@kaomoji.com" />
  13.     <link rel="start" href="./" />
  14.     <link rel="stylesheet" href="./css/style.css" type="text/css" />
  15.     <link rel="shortcut icon" href="./ico/favicon.ico" type="image/x-icon" />
  16.     <link rel="icon" href="./ico/favicon.ico" type="image/x-icon" />
  17.     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" defer="defer"></script>
  18.     <script type="text/javascript" src="./js/accordion_menu.js" defer="defer"></script>
  19.     <script type="text/javascript" src="./js/jquery.rcrumbs.min.js" defer="defer"></script>
  20.     <script type="text/javascript" src="./js/rcrumbs_setting.js" defer="defer"></script>
  21.     <script type="text/javascript" src="./js/target_blank.js" defer="defer"></script>
  22.     <script type="text/javascript" src="./js/alert_bookmark.js" defer="defer"></script>
  23.     <script type="text/javascript" src="./js/to-top.js" defer="defer"></script>
  24.     <script type="text/javascript" src="./js/GoogleAnalytics.js" defer="defer"></script>
  25.   </head>
  26.   <body>
  27.     <!-- Facebook start -->
  28.     <div id="fb-root" class="facebook-top">Facebook</div>
  29.     <script type="text/javascript" src="./js/facebook_body_top.js" defer="defer"></script>
  30.     <!-- Facebook end -->
  31.     <!-- ▽ラッパー開始 -->
  32.     <div class="WRAPPER">
  33.       <!-- ▼ヘッダー開始 -->
  34.       <div class="HEADER">
  35.         <div class="H-d-title">
  36.           <h1 class="h1"><a id="return-top" name="return-top" href="./"><span class="H-das-title">かわいい顔文字</span></a></h1>
  37.         </div>
  38.         <div class="H-d-onlinecounter">
  39.           <script type="text/javascript" src="./js/onlinecounter.js" defer="defer"></script>
  40.         </div>
  41.       </div>
  42.       <!-- ▲ヘッダー終了 -->
  43.       <!-- ▼グローバルナビ開始 -->
  44.       <div class="GLOBALNAVI">
  45.         <div class="GN-d-block">
  46.           <ul class="GN-du-accordion">
  47.             <li>
  48.               <p class="GN-dulp-block"><span class="GN-dulps-title">グローバルナビゲーション</span></p>
  49.               <ul class="GN-dulu-block">
  50.                 <li><a href="./pc/"><span class="GN-dululas-title">かわいい顔文字スマイリー (PC推奨)</span></a></li>
  51.                 <li><a href="./mb/"><span class="GN-dululas-title">スマホ版顔文字スマイリー (PC - スマホ対応)</span></a></li>
  52.                 <li><a href="http://www.illustbook.net/aa/" rel="nofollow"><span class="GN-dululas-title">AA - 顔文字 | お絵かき掲示板 (PC - スマホ対応)</span></a></li>
  53.                 <li><a href="./kks_m/"><span class="GN-dululas-title">簡単顔文字作成機 (PC専用)</span></a></li>
  54.                 <li><a href="http://kaomojiya.com/rank/in.php?id=0119" rel="nofollow"><span class="GN-dululas-ranking">顔文字屋さんランキング</span></a></li>
  55.               </ul>
  56.             </li>
  57.           </ul>
  58.         </div>
  59.       </div>
  60.       <!-- ▲グローバルナビ終了 -->
  61.       <!-- ▼パンくずリスト開始 -->
  62.       <div class="TOPICPATH">
  63.         <div class="TP-d-rcrumbs">
  64.           <ul>
  65.             <li>&#x1F6AA; Enter Page</li>
  66.           </ul>
  67.         </div>
  68.       </div>
  69.       <!-- ▲パンくずリスト終了 -->
  70.       <!-- ▼エントリー開始 -->
  71.       <div class="ENTRY">
  72.         <div class="E-d-title">運営サイト</div>
  73.         <div class="E-d-container">
  74.           <div class="E-dd-top"><h2 class="h2">かわいい顔文字スマイリー(PC推奨)</h2></div>
  75.           <div class="E-dd-block">
  76.             <div class="E-ddd-topleft"><span class="E-ddds-img"><img src="./img/ic-ks-compressor.png" alt="PC推奨 - かわいい顔文字スマイリー" width="120" height="120" /></span></div>
  77.             <div class="E-ddd-topright">△ 携帯・スマホ</div>
  78.           </div>
  79.           <div class="E-dd-middle">
  80.             <div class="E-ddd-write">
  81.               <p>
  82.               クオリティーの高い、シンプルでかわいい顔文字がいっぱい!<br />
  83.               フォントサイズはミディアムを採用し、見やすく探しやすい投稿型のランキング形式サイト。<br />
  84.               サイトの横幅は、800pxから960pxまで変動するリキッドレイアウトを採用し、ノートパソコンからのアクセスにも対応。<br />
  85.               顔文字は右クリックメニューから簡単にコピーができるよ。<br />
  86.               </p>
  87.             </div>
  88.           </div>
  89.           <div class="E-dd-bottom">
  90.             <a href="./pc/" onclick="document.cookie='mode=pc;path=/;';" onkeypress="return false;">
  91.               <span class="E-ddas-enter"><img src="./img/enter.gif" alt="入口" width="100" height="30" /></span>
  92.             </a>
  93.           </div>
  94.         </div>
  95.         <div class="E-d-container">
  96.           <div class="E-dd-top"><h2 class="h2">かわいい顔文字スマイリー(PC・スマホ対応)</h2></div>
  97.           <div class="E-dd-block">
  98.             <div class="E-ddd-topleft"><span class="E-ddds-img"><img src="./img/ic-kl-compressor.png" alt="スマホ対応 - かわいい顔文字スマイリー" width="120" height="120" /></span></div>
  99.             <div class="E-ddd-topright"><span class="E-ddds-img"><img src="./img/qr-kl-compressor.png" alt="QRコード" width="120" height="120" /></span></div>
  100.           </div>
  101.           <div class="E-dd-middle">
  102.             <div class="E-ddd-write">
  103.               <p>
  104.               サイトの横幅は、320pxから640pxまで変動するリキッドレイアウトを採用し、携帯・スマホ(iPhone-Android)・タブレットに対応。<br />
  105.               モバイルユーザーの方も快適に利用できるように画面遷移を少なくし、タップターゲットを大きくしています。<br />
  106.               顔文字は長押しで簡単にコピーできるよ。<br />
  107.               </p>
  108.             </div>
  109.           </div>
  110.           <div class="E-dd-bottom">
  111.             <a href="./mb/">
  112.               <span class="E-ddas-enter"><img src="./img/enter.gif" alt="入口" width="100" height="30" /></span>
  113.             </a>
  114.           </div>
  115.         </div>
  116.         <div class="E-d-container">
  117.           <div class="E-dd-top"><h2 class="h2">AAこれくしょん - アスキーアートまとめ</h2></div>
  118.           <div class="E-dd-block">
  119.             <div class="E-ddd-topleft"><a href="http://ascii-art.blog.jp/"><span class="E-ddds-img"><img src="http://capture.heartrails.com/120x120?http://ascii-art.blog.jp/" alt="AAこれくしょん - アスキーアートまとめ" width="120" height="120" /></span></a></div>
  120.             <div class="E-ddd-topright">× 携帯・スマホ</div>
  121.           </div>
  122.           <div class="E-dd-middle">
  123.             <div class="E-ddd-write">
  124.               <p>
  125.               2ちゃんねる掲示板に投稿されるAA(アスキーアート)のまとめサイト。<br />
  126.               かわいい・おもしろいなど、いいね!と思う2chスレッドの職人さんが創るAAをコピペでまとめ、ご紹介します。<br />
  127.               </p>
  128.             </div>
  129.           </div>
  130.           <div class="E-dd-bottom">
  131.             <a href="http://ascii-art.blog.jp/">
  132.               <span class="E-ddas-enter"><img src="./img/enter.gif" alt="AAこれくしょん - アスキーアートまとめ" width="100" height="30" /></span>
  133.             </a>
  134.           </div>
  135.         </div>
  136.         <div class="E-d-container">
  137.           <div class="E-dd-top"><h3 class="h3">AA - 顔文字 | お絵かき掲示板</h3></div>
  138.           <div class="E-dd-block">
  139.             <div class="E-ddd-topleft"><span class="E-ddds-img"><img src="./img/ic-aak-compressor.png" alt="AA - 顔文字 | お絵かき掲示板" width="120" height="120" /></span></div>
  140.             <div class="E-ddd-topright"><span class="E-ddds-img"><img src="./img/qr-aak-compressor.png" alt="QRコード" width="120" height="120" /></span></div>
  141.           </div>
  142.           <div class="E-dd-middle">
  143.             <div class="E-ddd-write">
  144.               <p>
  145.               スマホにも対応したお絵かき掲示板。<br />
  146.               AA(アスキーアート)や顔文字だけではなく、描きたいと思うイラストを自由にご投稿ください。<br />
  147.               良い作品は、当サイトでランダム表示させていただきます。<br />
  148.               また、投稿していただいたイラストにはできる限りコメントを付けていきたいと思っているので、かわいいイラストのご投稿よろしくお願いいたします。<br />
  149.               o(。。)oペコリ<br />
  150.               </p>
  151.             </div>
  152.           </div>
  153.           <div class="E-dd-bottom">
  154.             <a href="http://www.illustbook.net/aa/" rel="nofollow">
  155.               <span class="E-ddas-enter"><img src="./img/enter.gif" alt="入口" width="100" height="30" /></span>
  156.             </a>
  157.           </div>
  158.         </div>
  159.         <div class="E-d-container">
  160.           <div class="E-dd-top"><h3 class="h3">簡単顔文字作成機</h3></div>
  161.           <div class="E-dd-block">
  162.             <div class="E-ddd-topleft"><span class="E-ddds-img"><img src="./img/ic-kks-compressor.png" alt="簡単顔文字作成機" width="120" height="120" /></span></div>
  163.             <div class="E-ddd-topright">× 携帯・スマホ</div>
  164.           </div>
  165.           <div class="E-dd-middle">
  166.             <div class="E-ddd-write">
  167.               <p>
  168.               ユニコード65,536字と携帯・スマホで使われる絵文字を収録した作成機。<br />
  169.               好きなパーツを選び、挿入箇所を決めてボタンを押していくだけで、オリジナルのかわいい顔文字が簡単に作れちゃいます。<br />
  170.               こちらの作成機はスマホには対応できていません。ごめんなさい。<br />
  171.               </p>
  172.             </div>
  173.           </div>
  174.           <div class="E-dd-bottom">
  175.             <a href="./kks_m/">
  176.               <span class="E-ddas-enter"><img src="./img/enter.gif" alt="入口" width="100" height="30" /></span>
  177.             </a>
  178.           </div>
  179.         </div>
  180.       </div>
  181.       <!-- ▲エントリー終了 -->
  182.       <!-- ▼アドセンス開始 -->
  183.       <div class="ADS-title">スポンサードリンク</div>
  184.       <div class="ADS-320x100">
  185.         <script type="text/javascript">
  186.             google_ad_client = "ca-pub-3239683419504409";
  187.             google_ad_slot = "9240053992";
  188.             google_ad_width = 320;
  189.             google_ad_height = 100;
  190.         </script>
  191.         <!-- KaomojiSmiley320x100 -->
  192.         <script type="text/javascript"
  193.         src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  194.         </script>
  195.       </div>
  196.       <!-- ▲アドセンス終了 -->
  197.       <!-- ▼ランダムイメージ開始 -->
  198.       <div class="RANDOMIMG">
  199.         <div class="RI-d-title">
  200.         ランダムイメージ(お絵かき掲示板より)
  201.         </div>
  202.         <div class="RI-d-block">
  203.           <a href="http://www.illustbook.net/aa/" rel="nofollow"><img class="RI-dai-img" src="./randomimg400/randomimg400.php" alt="お絵かき掲示板" /></a>
  204.         </div>
  205.       </div>
  206.       <!-- ▲ランダムイメージ終了 -->
  207.       <!-- ▼ソーシャルボタン開始 -->
  208.       <div class="SOCIALBUTTON">
  209.         <div class="SB-d-title">
  210.         ソーシャルボタン
  211.         </div>
  212.         <div class="SB-d-block">
  213.           <div class="SB-dd-snsbtn">
  214.             <script type="text/javascript" src="./js/sns_btn.js" defer="defer"></script>
  215.           </div>
  216.         </div>
  217.       </div>
  218.       <!-- ▲ソーシャルボタン終了 -->
  219.       <!-- ▼文法チェック開始 -->
  220.       <div class="GRAMMARCHECK">
  221.         <div class="GC-d-title">文法チェック</div>
  222.         <div class="GC-d-block">
  223.           <span class="GC-ds-block">
  224.             <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><img src="./img/w3c_xhtml.gif" alt="Valid XHTML 1.0 Transitional" width="80" height="15" /></a>
  225.           </span>
  226.           <span class="GC-ds-block">
  227.             <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><img src="./img/w3c_css.gif" alt="正当なCSSです!" width="80" height="15" /></a>
  228.           </span>
  229.           <span class="GC-ds-block">
  230.             <a class="blank" href="./htmllint/htmllint.cgi?ViewSource=on;URL=http://kaomoji.ciao.jp/"><img src="./img/another_html.gif" alt="Another HTML-lint" width="80" height="15" /></a>
  231.           </span>
  232.         </div>
  233.       </div>
  234.       <!-- ▲文法チェック終了 -->
  235.       <!-- ▼ナビゲーションバー開始 -->
  236.       <div class="NAVIGATIONBAR">
  237.         <div class="NB-d-title">ナビゲーションバー</div>
  238.         <div class="NB-d-block">
  239.           <div class="NB-dd-block1">
  240.             <input type="button" class="NB-ddi-home1" value="&#x1F3E0;" onclick="location.href='./'" onkeypress="return false;" tabindex="0" accesskey="b" />
  241.             <input type="button" class="NB-ddi-top1" value="&#x1F51D;" onclick="location.href='#return-top'" onkeypress="return false;" tabindex="0" accesskey="b" />
  242.             <input type="button" class="NB-ddi-favorite1" value="&#x1F31F;" onclick="alert_bookmark();" onkeypress="return false;" tabindex="0" accesskey="b" />
  243.           </div>
  244.           <div class="NB-dd-block2">
  245.             <input type="button" class="NB-ddi-home2" value="ホーム" tabindex="0" accesskey="b" disabled="disabled" />
  246.             <input type="button" class="NB-ddi-top2" value="トップへ戻る" tabindex="0" accesskey="b" disabled="disabled" />
  247.             <input type="button" class="NB-ddi-favorite2" value="ブックマーク" tabindex="0" accesskey="b" disabled="disabled" />
  248.           </div>
  249.         </div>
  250.       </div>
  251.       <!-- ▲ナビゲーションバー終了 -->
  252.       <!-- ▼アクセスカウンター開始 -->
  253.       <div class="ACCESSCOUNTER">
  254.         <div class="AC-d-title">アクセスカウンター</div>
  255.         <div class="AC-d-block">
  256.           <!-- FC2カウンター ここから -->
  257.           <script type="text/javascript" src="http://counter1.fc2.com/counter.php?id=4901288"></script>
  258.           <!-- FC2カウンター ここまで -->
  259.         </div>
  260.       </div>
  261.       <!-- ▲アクセスカウンター終了 -->
  262.       <!-- ▼フッター開始 -->
  263.       <div class="FOOTER">
  264.         <address>
  265.           <p>
  266.           Copyright (C) 2015-2017<br />
  267.           Kaomoji Smiley<br />
  268.           All Rights Reserved.
  269.           </p>
  270.         </address>
  271.       </div>
  272.       <!-- ▲フッター終了 -->
  273.     </div>
  274.     <!-- △ラッパー終了 -->
  275.     <!-- ▼トップに戻るボタン開始 -->
  276.     <div class="page-top">
  277.       <p><a class="move-page-top">TOP</a></p>
  278.     </div>
  279.     <!-- ▲トップに戻るボタン終了 -->
  280.   </body>
  281. </html>

-- cost 1 sec --
This page was generated by htmllint.cgi 1.28 / htmllint.pm 3.58
LWP 5.837 / CGI 3.43 / Jcode 2.07
1997-2009 © by k16@chiba.email.ne.jp