Q&A
初めまして
http://www.htmllint.net/html-lint/htmllint.html で
html5の文法をチェックすると
1,<HEAD> に不明な属性 PREFIX が指定されています。
2,<META> に他のHTML用の属性 PROPERTY が指定されています。
<meta property="og:type" content="website" />
3,FOR 属性の含まれない <LABEL>〜</LABEL> 内にはフォームコントロールを指定しなければなりません。
<li id="srchWeb" class="Class" style="text-align : right;padding-right : 0px;"><label style="font-size : 100%;" class="Class"><input type="radio" accesskey="1" name="vs" value="" tabindex="1" id="vs" checked="checked" title="名前" /></label><label for="vs" class="Class" style="font-size : 100%;">検索</label><label class="Class" style="font-size : 90%;"> </label></li>もし改善が可能でしたら宜しくお願い致します。
回答2件
0
ベストアンサー
1/2に関してはFacebookの記述ですよね？
HTML5でOGP設定する際に注意したいxmlns属性とprefix属性
上記のような書き方なら問題ないようです。
lintはあくまでチェック用で、完璧だと信じないことも必要です。
減点になるなら、改善、警告止まりなら、放置で良いのではないかと感じます。
3番目に関しては、最後のlabelは必要ないですよね？
で、「検索」をラベルで付けたいのであれば、最初のinputを囲むlabelも必要ないので、
HTML
1<input id="vs"><label for="vs">検索</label>
っていう感じでOKかと。
あと、metaとinputは、XHTML5では無いと思うので、最後の「半角スペース/」は必要ありません。
追記：
先の参考サイトだとheadに書くとありましたが、
本家サイトでは、htmlへprefixが記述されていますね。
ということで、Zuishinさまの記述例通りだと思います。
投稿2017/05/01 11:02
編集2017/05/01 11:15
総合スコア1084
0
<html prefix="og: http://ogp.me/ns#"><head> <title>The Rock (1996)</title> <meta property="og:title" content="The Rock" /> <meta property="og:type" content="video.movie" /> <meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /> <meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" /> ... </head> ... </html>
サンプルでは、prefix は head ではなく html に入っています。
投稿2017/05/01 11:01
総合スコア28660
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/01 11:51
2017/05/02 09:25