![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.5ベストアンサー
- 回答日時:
#3 です。
Web担当とのことですが、対象ブラウザは自分一人で決定できる状況にあるのでしょうか。
顧客から要件を聞いて制作するスタイルではXHTMLだけでは厳しいですが、全てがsakura-garashaさんに任されている場合は言語にとらわれる必要はないと思います。
お話を伺う限りではXHTMLを極める流れでいいように思います。
参考までにXHTMLの参考URLを紹介しておきます。
http://www.y-adagio.com/public/standards/tr_xhtm …
http://www.y-adagio.com/public/standards/tr_xhtm …
http://www.y-adagio.com/public/standards/tr_xhtm …
http://web.archive.org/web/20060905081722/http:/ …
http://standards.mitsue.co.jp/resources/w3c/2009 …
必要なら(XHTMLではなくHTML5を採用する理由があれば)、その時にHTML5に移行すればいいのではないでしょうか。
適当な会社で…
詳しい人が誰もいないから、私の自由といえば自由です。
なので、WEB関連の情報収集はネットで探したりしていますが、
実際のプロの方達はどうしてるのかな?と思いました。
WEBデザイン会社じゃないから、やってるサイト作りも
どうでもいいものばかりで、もっと技術を上げる環境にしていきたいです。
ありがとうございました★
No.4
- 回答日時:
>HTML4やXHTMLからHTML5への変換?の時期にきているようで
これは、誤解もあるのではないかと・・
先に書きましたように、HTML5は、単なるHTMLの文法の決め事だけにとどまりません。DOMは無論、javascript,CSS3,各種API,SVGなども含めて呼ばれることもあります。
言い換えれば、変換ではなく、整理です。文法だけについてお分かりのように、文法を決めてそれを解釈するのではなく、DOMが最初にあって、それをHTMLないしXHTMLで表す方法を決めるということ。
→HTML5が持つ本当の意味 - @IT ( http://www.atmarkit.co.jp/news/200801/25/html.html )
→HTML5(HyperText Markup Language 5) - @IT ( http://www.atmarkit.co.jp/fwin2k/words/012html5/ … )
したがって、指導するならHTML4.01strict(ないし、XHTML1.1strict,XHTML1.1)でしょう。なぜなら、HTML4.01strictを正しく身につけていれば、文法に関しては
「HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )」を補習するだけで済むからです。
しかし、お話を聞く限り、あなた自身が復習・・・・再度基礎から学びなおしたほうがよいような気がします。
私も、10年近く前にXHTML1.0strictを学び始めて、XHTML1.1がやっと勧告になったなと思った頃に、WHAT WGが発足し、WEBの世界が分裂かとやきもきしていたら、HTML5の話がちらほら・・・。数年前に、それまで作成していたすべてのXHTML1.1を、HTML4.01strictに戻しました。
現在は、HTML5の仕様を参考にしながら、HTML4.01strictに統一しています。
分かっているけど学び直すとなると、仕事を辞めないといけない。
こればかりに時間を取られている訳にはいかないし。
できることなら、学校に行き直したいです。
全く分からないです。
この世界。
なんとかWEBサイトが見れる形になればいいような気も…
ただ、教えるとなると責任が…
ありがとうございました。
No.3
- 回答日時:
(X)HTMLを教えた先にある最終的な到達目標はどこにあるのでしょうか。
何をさせたくて(あるいはその人が何をしたくて)その人に(X)HTMLを教えるのですか?
厳しいことをいわせていただきますが、人に物事を教えるのはそう簡単なことではありません。
sakura-garashaさんが今XHTMLのみをご存じならよく知っているXHTMLを教えるのがいいとは思います。
付け焼き刃で付けた知識でHTML5を教えても教えられた人も曖昧にしか理解できないでしょう。
ただし、何か目標があってXHTMLよりもHTML5を教えるのがいいと判断できる要素があるのなら一緒に勉強していくという意味でHTML5を覚えるのは有りだと思います。
つまりは目標次第ですね。
会社で教えないといけなくなって…
私はWEBの事に関して、ほぼ独学で勉強してきて
仕事でも最初からweb担当を一人で任されてきました。
まだ1年経っていません。
なので、自分の技術がどれほど正確なものなのか自信が持てません。
実際、分からないことも、まだまだあります。
そんな中、新入社員を入れられ、どう教えたらいいかも分からず
悩んでいます。せっかく、入ってきたのにガッカリもされたくないですし。
回答ありがとうございました★
No.2
- 回答日時:
>XHTMLしかやった事なくて…
HTML5は、XHTMLの書き方も用意されています。
【引用】____________ここから
HTML5 で使用できるもうひとつの構文は XML です。この構文は XHTML 1 文書および、その実装と互換性をもちます。XML 構文を使用する文書は、XML のメディア型を利用する必要があります。また、XML 仕様にて述べられた規則に基づき、要素は http://www.w3.org/1999/xhtml 名前空間に属する必要があります。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[HTML5 における HTML4 からの変更点( http://standards.mitsue.co.jp/resources/w3c/TR/h … )]より
また
Polyglot マークアップ: HTML 互換の XHTML 文書 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )
ただ、なぜ、他のアプリケーションなどとの連携の容易なXHTML---XHTML2が中断されて、HTMLに戻ったかと言うと、HTMLの簡便さ、豊富な技術の蓄積、アプリケーションの開発などとともに、HTMLの欠点を克服する手法まで定められることになったからです。
HTML4.01strictで記述するときも、できるだけXMLにしたがって記述すれば良いだけの話です。HTMLでは
<p>ここから段落
<p>ここから段落
と言う書き方が許容されますが、この程度のことでしたら
<p>
ここから段落
</p>
<p>
ここから段落
</p>
と書けば良い。そのほうが著者も楽です。
HTML5を見据えて置くなら、HTML4.01の仕様書の随所で書かれている「文書構造とプレゼンテーションの分離」「プレゼンテーションに関わる要素や属性は使用しない」を徹底しておくことに尽きます。
HTML4.01では、4.1 定義 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )にて、
______________ここから
著者
・・・【中略】・・・
HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。
・・・【中略】・・・
推奨しない
・・・【中略】・・・
ユーザエージェントは、過去との互換性のため、 推奨しない要素をもサポートすべきである。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで
と書かれていました。XHTMLを身に付けた方も多くはこの部分を無視されています。XHTML1.0transitionalで記述していて、XHTMLだと思われている。
HTML5では、これが、「製作者の要件」「ユーザーエージェントの要件」に明確に別けられました。非推奨要素と言うものは存在しなくなった。必要なくなった。
HTML5は、現に使われているブラウザの多くが完全には対応していません。IE8以前は<header><section>などの新しい要素にすら対応していない。こんな状況でHTML5に飛びつく必要はありません。というか、HTML4.01strictのままで、HTML5は記述できます。
<body>
<div class="header">
<h1>タイトル</h1>
<div class="nav">
<ol>
・・・・
</div>
</div>
<div class="section">
<h2>見出し</h2>
<div class="section">
<h3>見出し</div>
<p>・・・・</p>
<div class="aside">
<h1>コラムタイトル</h1>
</div>
</div>
</div>
<div class="foter">
・・・・・
これってHTML4.01strictを、その(その理念も含めて)仕様書どおりに記述したものですが、HTML5として、堂々と通用するのですよ。そして、古いブラウザも理解できる。「id属性及び class属性と併用することで、文書に構造を付加するため ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」に使っています。あとはスタイルシートで好きにデザインすれば良い。
(CSS)画像が完全に右端に寄りません・・・ - Webデザイン・CSS - 教えて!goo ( http://oshiete.goo.ne.jp/qa/7440223.html#a6 )の最後に示したサンプルHTMLは、そのままHTML5として通用する。
HTML4やXHTMLからHTML5への変換?の時期にきているようで
何がなんだか分からなくなってしまいます…
とても詳しく、ありがとうございました★
No.1
- 回答日時:
いやはや、なぜHTML5とXHTMLなのか・・・。
肝心のHTML4.01を忘れてませんか?十年位前--この世界では古代ですが--には、確かにHTMLはHTML4.01が最後のバージョンで、今後はすべてXHTMLに移行するなんて騒がれていましたが、5,6年前から状況は一変し、HTML4.01の次期バージョンとなるHTML5に全力が注がれ、XHTML2は開発が中断されたままです。多分再開はされない。
HTML5は、従来のHTMLとは、根本的に異なります。すなわち、単なる文法だけでなく、javascript,CSS,WAI,各種API,DOMなどをすべて含むもので、その中にはHTML4.01も含まれているといってよいかも。
1. HTML5 と呼ばれ、HTML または XML で記述するひとつの言語仕様を定義する。
2. 詳細な処理モデルを定義し、相互運用可能な仕様の実装を手助けする。
3. 文書のマークアップを改善する。
4. Web アプリケーションのような新しい表現に対しマークアップと API を提供する。
HTM5は、HTM4.01strictの改定です。transitinaじゃない
HTM4.01strictで書かれていたら、それで必須だった
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
を書かなくて良くなったとか、XMの書き方が許容される
<br>は<br />,<img src="" width="" height="" at="">は、<img src="" width="" height="" at="">のように書くことも出来るようになった---というか、XHTMLの書き方も出来るようになったとか、いくつか違いはあます。
「HTML5 で使用できるもうひとつの構文は XML です。この構文は XHTML 1 文書および、その実装と互換性をもちます。 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )」
HTM5は、最終草案の段階とはいえ、まだ勧告にはいたりません。(勧告にいたるまでの条件を厳しくしているため)
HTML5への移行を考慮するのでしたら、絶対に学ぶべきはHTML4.01strictです。
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
HTML4.01が身についていたら、HTML5になっても
「HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )」を読み解けば大部分は済む筈です。
HTML4.01strictを指導される方とお話していても、そもそもHTML4.01の仕様書すら読んだことが無い人、理解されていない方がとても多いです。
たとえば、「2.4.1 構造とプレゼンテーションの分離 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」や「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。」を理解して、divのclass名に、header,section,footerなど、「文書に構造を付加するため」の名称すらつけていない。・・・その反省から、これらは、HTML5では、
「文書をよりよく構造化するために、次の要素が新しく追加されました。 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )」
となって、<header><section><footer>などが取り入れられた。
「もしhtml5がいいなら急いで覚えないとと思いまして。 」
ではなく、基礎となるHTML4.01strictを、「HTML5 における HTML4 からの変更点」を参照しながら、完璧に身につけましょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- その他(IT・Webサービス) Chromeとかにしか対応していないウェブサイトに抗議したい いま令和5年だぞ 今使えるブラウザとい 5 2023/05/24 11:32
- ASP・SaaS FC2 BLOG <AUDIO TAGを入れプレビューはOk テーンプレートを更新すると ✖ 1 2023/08/14 11:40
- 高校受験 受験で社会科捨てる 9 2022/09/09 19:55
- 英語 英語圏のゲーム 英語を勉強するために、英語圏で流行ってるゲームをやってみたいです。 英語初心者、ゲー 1 2023/07/13 09:03
- デスクトップパソコン パソコンのマクロを勉強したいと思っています。 前職で職場の方ですごく詳しい方がおられて勉強しようと思 6 2022/04/12 12:57
- その他(就職・転職・働き方) 未経験からのウェブ関係の仕事 1 2022/04/24 23:05
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
div要素が重なってします
-
複数のボタンを等間隔に、かつ...
-
min-heightとheightの違いについて
-
hタグの右横に画像を表示
-
1時間30分を簡単に表したいで...
-
横並びdivで一部の初期高さがず...
-
スペースを使わず文字位置を揃...
-
divとpの使いわけ
-
スライド部分のリンクが貼れな...
-
divの中に外部のHTMLを埋め込む
-
要素間、要素内に隙間が空く
-
3カラムレイアウトで「常に残り...
-
背景画像に全体または部分的に...
-
【CSS】HTML直書き→外部ファイ...
-
article、section、hgroup?
-
h1に自分自身へのリンクを張...
-
html の divとtable の役割
-
セクションをdivで囲むと見出し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
div要素が重なってします
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
<div id="container">の使いか...
-
min-heightとheightの違いについて
-
ヘッダーとフッターだけ背景を...
-
1時間30分を簡単に表したいで...
-
要素間、要素内に隙間が空く
-
画面を縮小するとカラムが落ち...
-
h1のテキストサイズよりh2の方...
-
divの中に外部のHTMLを埋め込む
-
スペースを使わず文字位置を揃...
-
<!-- #BeginLibraryItemとは
-
hタグの右横に画像を表示
-
グリッドレイアウトで"auto-fit...
-
セクションをdivで囲むと見出し...
-
開閉式の隠し要素が一瞬表示さ...
-
html5でheaderの中にnav
おすすめ情報