HTML5の構文チェックとCSS3について

解決済

質問者：sakura77777
質問日時：2010/12/27 11:23
回答数：2件

HTMLの勉強中の作家です。

新規ページからHTML5にしようと思っています。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex,nofollow,noarchive">
<link rel="stylesheet" href="style.css" type="text/css">
<style type="text/css">

</style>
<title>私小説</title>
</head>

ソースはこれで合っていますか？

W3Cの検証サイトにてチェックをしたところ「Passed, 1 warning」と出ました。
CSSは2.1のままです。
CSS3のテキストを読んでいますけれど、文字のみのサイトなため、細かい(背景などの)指定は要らないです。
英語が達者と言うわけでもないため「 1 warning」の指摘らしき文章を翻訳サイトにて翻訳してみました(市松模様だとか意味不明な日本語に翻訳さましたけれども・笑)。どうやらCSSに原因がある…ぽいです(ハッキリとはしていませんけれど)。

現行のCSS2.1をどう書き換えればCSS3になるのか？(CSS2.1はW3Cのサイトで合格しました)
テキストを読んでいるのですが、イマイチよく分かりません。

@charset "UTF-8";
.ryoko {
color : #407133;}
.kazumi {
color : #336070;}
div,p {
color : #222222;}
p { font-family: Arial, Helvetica, sans-serif;}
body {
background-color:#e0ffe0;}
a:link {
color : #0000ff;}
a:visited {
color : #003333;}
a:hover {
color : #660000;}
a:active {
color:#660066;}
p{
margin: 1px 0px 1em 0px;
font-size:95%;
line-height:103%;}
div {
color : #222222;}
div { font-family: Arial, Helvetica, sans-serif;}
div{
margin: 1px 0px 1em 0px;
font-size:95%;
line-height:103%;}
.akeru{ line-height:1em; }
.akeru2{ margin-top:2em; }
.akeru3{ margin-top:3em; }

↑これをCSS3にするためにはどうすれば良いのでしょうか？(テキストの記述例には@や#が付いていましたけれど、テキストに書かれているほど凝るつもりは今のところ予定はないです)。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.1

回答者： Tacosan
回答日時：2010/12/27 11:57

その「warning の指摘らしき文章」とやらを「そのまま」だすことはできませんか?

この回答への補足

Notes and Potential Issues
The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation, or other things affecting the output below. If the guess or fallback is incorrect, it could make validation results entirely incoherent. It is highly recommended to check these potential issues, and, if necessary, fix them and re-validate the document.

Using experimental feature: HTML5 Conformance Checker.

The validator checked your document with an experimental feature: HTML5 Conformance Checker. This feature has been made available for your convenience, but be aware that it may be unreliable, or not perfectly up to date with the latest development of some cutting-edge technologies. If you find any issues with this feature, please report them. Thank you.

Congratulations
The uploaded document "sisyousetu105.html" was successfully checked as HTML5. This means that the resource in question identified itself as "HTML5" and that we successfully performed a formal validation using an SGML, HTML5 and/or XML Parser(s) (depending on the markup language used).

Validating CSS Style Sheets
If you use CSS in your document, you can check it using the W3C CSS Validation Service.

↑これです。

補足日時：2010/12/27 12:19

通報する

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。

通報する

お礼日時：2010/12/27 13:34

No.2ベストアンサー

回答者： yyr446
回答日時：2010/12/27 13:05

もしかして、1 warning　って

「Using experimental feature: HTML5 Conformance Checker.」
これのこと？
だとしたら、まったくCSSは関係ないですよ。
単に、HTML5は、仕様がまだドラフト（草案）段階ですよっていう意味のWarningだと思います。

別のHTML5チェッカーを紹介しときます。
http://validator.nu/

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！
翻訳サイトの結果を読み、なんとなくyyr446さんの仰るとおのこと…ぽい。と何となく認識していました(他にそれらしき警告は見当たりませんし)。

英語が得意ではないため「1 warning」が気になりまして(なんの警告だろう？)と気になってはいました。

チェッカーの紹介をありがとうございます。
重く…ないですか!?(先日も10分ほど待ちましたけれど諦めました)。

通報する

お礼日時：2010/12/27 13:34

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！