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

http://bulledart.ga を HTML4.01 Transitional としてチェックしました。
11個のエラーがありました。このHTMLは -138点です。タグが 11種類 14組使われています。

先頭の数字はエラーのおおまかな重要度を 0〜9 で示しています(減点数ではありません)。少ない数字は軽く、9 になるほど致命的です。このHTMLには重要な問題が多く含まれています。環境によっては閲覧できない可能性が非常に高いと言えます。減点対象外のごく軽度のエラーは割愛されています。

6: line 1: 不明な DOCTYPE宣言です。 → 解説 4
5: line 5: <META> に他のHTML用の属性 `CHARSET` が指定されています。 → 解説 80
6: line 5: <META> には CONTENT 属性が必要です。 → 解説 86
6: line 7: <STYLE> には TYPE 属性が必要です。 → 解説 86
1: line 7: <STYLE> を使うときは <HEAD>〜</HEAD> 内に <META HTTP-EQUIV="CONTENT-STYLE-TYPE" CONTENT="〜"> を指定するようにしましょう。 → 解説 146
3: line 111: <STYLE>〜</STYLE> 内の要素はすべてコメントで囲んだ方が安全です。 → 解説 153
4: line 112: <HEAD>〜</HEAD> 内に <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="〜"> が含まれていません。 → 解説 128
5: line 120: <A> のアンカー名が空です。 → 解説 216
9: line 129: </DIV> に対応する開始タグ <DIV> が見つかりません。 → 解説 69


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

http://bulledart.ga

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Informational Blog</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <style>
  8. * {
  9.   box-sizing: border-box;
  10. }
  11. /* Style the body */
  12. body {
  13.   font-family: Arial, Helvetica, sans-serif;
  14.   margin: 0;
  15. }
  16. /* Header/logo Title */
  17. .header {
  18.   padding: 80px;
  19.   text-align: center;
  20.   background: #1abc9c;
  21.   color: white;
  22. }
  23. /* Increase the font size of the heading */
  24. .header h1 {
  25.   font-size: 40px;
  26. }
  27. /* Style the top navigation bar */
  28. .navbar {
  29.   overflow: hidden;
  30.   background-color: #333;
  31. }
  32. /* Style the navigation bar links */
  33. .navbar a {
  34.   float: left;
  35.   display: block;
  36.   color: white;
  37.   text-align: center;
  38.   padding: 14px 20px;
  39.   text-decoration: none;
  40. }
  41. /* Right-aligned link */
  42. .navbar a.right {
  43.   float: right;
  44. }
  45. /* Change color on hover */
  46. .navbar a:hover {
  47.   background-color: #ddd;
  48.   color: black;
  49. }
  50. /* Column container */
  51. .row {
  52.   display: -ms-flexbox; /* IE10 */
  53.   display: flex;
  54.   -ms-flex-wrap: wrap; /* IE10 */
  55.   flex-wrap: wrap;
  56. }
  57. /* Create two unequal columns that sits next to each other */
  58. /* Sidebar/left column */
  59. .side {
  60.   -ms-flex: 30%; /* IE10 */
  61.   flex: 30%;
  62.   background-color: #f1f1f1;
  63.   padding: 20px;
  64. }
  65. /* Main column */
  66. .main {
  67.   -ms-flex: 70%; /* IE10 */
  68.   flex: 70%;
  69.   background-color: white;
  70.   padding: 20px;
  71. }
  72. /* Fake image, just for this example */
  73. .fakeimg {
  74.   background-color: #aaa;
  75.   width: 100%;
  76.   padding: 20px;
  77. }
  78. /* Footer */
  79. .footer {
  80.   padding: 20px;
  81.   text-align: center;
  82.   background: #ddd;
  83. }
  84. /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
  85. @media screen and (max-width: 700px) {
  86.   .row {
  87.     flex-direction: column;
  88.   }
  89. }
  90. /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
  91. @media screen and (max-width: 400px) {
  92.   .navbar a {
  93.     float: none;
  94.     width: 100%;
  95.   }
  96. }
  97. </style>
  98. </head>
  99. <body>
  100. <div class="header">
  101.   <h1>Informational Blog</h1>
  102. </div>
  103. <div class="navbar">
  104.   <a href="#">Home</a>
  105. </div>
  106.   <div class="main">
  107.     <h2>Blog</h2>
  108. <a href="https://www.armoredimpactwindows.com/">armoredimpactwindows.com</a>
  109. </div>
  110. </div>
  111. </body>
  112. </html>

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