みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

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にするためにはどうすれば良いのでしょうか?(テキストの記述例には@や#が付いていましたけれど、テキストに書かれているほど凝るつもりは今のところ予定はないです)。

投稿日時 - 2010-12-27 11:23:09

QNo.6409968

困ってます

質問者が選んだベストアンサー

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

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

投稿日時 - 2010-12-27 13:05:52

お礼

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

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

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

投稿日時 - 2010-12-27 13:34:12

ANo.2

このQ&Aは役に立ちましたか?

2人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

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

投稿日時 - 2010-12-27 11:57:56

補足

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:41

お礼

ありがとうございます。

投稿日時 - 2010-12-27 13:34:45

あなたにオススメの質問