[[返信する]]
ＨＴＭＬ5はどうしたら良いか
by モナカ
丹2013-01-28 18:24
イロイロ大手で検索したらＨＴＭＬ5で作ることをすすめていたので、ナノでＨＴＭＬ5でホムペを作ってみようと模索中です。
それで質問ですが、今までのタグは使えなくなって見れなくなるホムペが出てくるのでしょうか？
それと、タグの間違いがあれば教えて貰えたら助かります↓
トップ全体編集
<header><figure><img src="png" alt="ロゴ" /></figure></header><div`id="main">〜</div>
pc
[編集]
by 匿名
2013-01-28 18:58
私はあんまりHTML5には詳しくないですが…。
<img src="png" alt="ロゴ" />
HTML5なら、最後の「 /」は不要ですよ。
<header>〜</header>、<figure>〜</figure>といったHTML5で追加(される可能性のある)のタグは、まだまだ非対応ブラウザもあります。
特に、携帯では軒並み非対応です。スマホでも対応状況に差があると思います。
非対応だから見れないとは限りません(ブラウザ側が変に認識して正しく表示されない可能性もあります)が、CSSの使い方によってはデザインが崩れます。
どうしても今、HTML5にしたいなら、文書型宣言をHTML5仕様にして、タグはHTML4.01で使えるレベルのもの(タグ・書き方)をメインにするほうがいいと思いますよ。
HTML5はまだまだ草案レベルで、追加されるタグの細かい仕様や種類は不確定ですから。
それにナノでは、フォーム類や#mtr数字#などの独自タグで出力されるのがXHTML仕様なので、完全にHTML5にするのはちょっと難しいです。
P01E
[編集]
by Charles
2013-01-29 03:05
▼<div>から</div>の内容がわかりませんが、提示なさった要素だけを見るとfigure要素は必要ないです。
ロゴ画像としてなら
<header style="display:block;"><h1><img src="png" alt="サイト名"></h1></header>
の使い方が正しいです。HTML5の仕様は、その要素は何を意味し構造化するかがより明確になっています。
また、携帯以外ならheader要素などの主要要素はスマートフォンやタブレットも含め、ブラウザの新しいバージョンなら対応しています。
それから、誤解なさる人もいますが、HTML5はXML形式でも作成できます。HTML形式ならimg要素の「 /」は不要ですが。
▼「今までのタグ」というのは、HTML4.01やXHTML1.0他のことなら、使えなくなるとか閲覧できなくなる心配はないです。少なくとも公式で廃止にならない限りですが。
IE8以下以外の各ブラウザの新しいバージョンは以前からHTML5に対応していますし、IE8以下にもJavaScriptで対応させられますから、個人的にはPC・スマートフォン・タブレット向けにはHTML5でもいいと思いますが、ナノさまの場合ではデフォルトでは使えませんから、作成するには工夫が必要になり面倒かなと思います。
▼公式（W3C）は、HTML5およびCanvas 2Dに関する草案段階は終了し仕様策定の完了を発表しています。
W3CのHTML WGでは、現在のHTML5の実装を分析し、来年2014年中旬には勧告を予定していますから、今から覚えることもいいと思いますが、無理して使わなくても大丈夫です。
943SH
[編集]
by モナカ
2013-02-01 02:03
遅くなってすみません。
お二人方ありがとうございます。一応興味があるので練習してみます。
Charlesさん、詳しくありがとうございます。あれからＨＴＭＬ5の仕様を読んでみましたら、Charlesさんが張り付けてくれたタグで良いことが分かりました。
仰せるように、私のfigureタグの使い方が間違っていて、figureタグに関するよくある間違いで、仕様のCommon mistakes with the figure element……省略……にて確認しました。お恥ずかしい限りです。
そしてロゴ画像はCharlesさんが張り付けてくれたheaderタグ内でOKでした。迷っていたんですが良かったです。
<div>から</div>には、ナビやフッターを入れてあります。省略して分かりにくくすみません。
なかなか難しいですが、新しもん好きなので頑張ってみたいと思います。
お二人方、ありがとうございました。
pc
[編集]
[返信する]
[戻る]