私は現在javascriptのものをHTML5に書き換えるということをしています。
色々な方に手伝ってもらったのですが、どうにも後少しが届きません。
モノは
https://chaos.keiei.shikoku-u.ac.jp/ProtoType/
をHTML5に書き換えたいと思っているのですが、詳しい方、また教えるのが苦ではない方はどうかお力をお貸しいただけないでしょうか?
私は圧倒的に知識が不足していて、あまりわかりませんので。
No.1ベストアンサー
- 回答日時:
こんにちは
>javascriptのものをHTML5に書き換えるということをしています
意味がよくわかりません。
「HTML4.0をHTML5に」などであればわかるのですが・・
ほとんどがjavascriptで生成されているページをjavascriptを使用しないように書き換えたいという意味にも取れますが、ご提示のページのような場合、採点をするのには何らかのプログラムが必要になると思います。
javascriptを排除したいのなら、その部分をどのような仕組みで代替しようと考えていらっしゃるのでしょうか?
例えば、サーバ側のプログラムで採点するというものも考えられますが、その場合は構成がまったく別のものになると思われます。
一方で、ご提示のページはjavascriptを利用する前提で作成されているように見受けられますが、単にマークアップをHTML5になさりたいということであれば、
http://www.htmllint.net/html-lint/htmllint.html
などを利用してチェックすることで、比較的簡単に実現できると思います。
ちなみに、以下はご提示のページをチェックしてみた結果です。
◇修正した方が良さそうな指摘
line 9:<HEAD>〜</HEAD> 内には <TITLE> が必要です。
line 20:<H3> の ID 属性の値 `q_title` は 18行目ですでに使われています。
◇厳密には正しくないかもしれないが、かなり軽微な指摘
line 31:<BUTTON> には TABINDEX 属性を指定するようにしましょう。
line 31:<BUTTON> には ACCESSKEY 属性を指定するようにしましょう.
line 37:<BUTTON> には TABINDEX 属性を指定するようにしましょう.
line 37:<BUTTON> には ACCESSKEY 属性を指定するようにしましょう。
line 63:<BUTTON> には TABINDEX 属性を指定するようにしましょう。
line 63:<BUTTON> には ACCESSKEY 属性を指定するようにしましょう。
なお、ご提示のページはdivを主体とした構成になっているようですが、HTML5では、内容を示すための要素(section article nav header footerなど)が追加されていますので、意味を持たないdiv要素はこれらに属さない場合に用いるようになっているようです。
以下はHTML5の解説サイトの一例です。ご参考まで。
http://www.html5.jp/
javascriptの内容は見ていませんが、どこかが思ったように動作しないということであれば、「◇◇の際に○○を△△にしたいのだけれど、××になってしまう」といったように具体的に質問をなさらないと、
>どうにも後少しが届きません。
というだけでは、何をなさりたいのかは「知る人ぞ知る」ということになってしまいます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- Android(アンドロイド) Xperia 10 IV 満足度を教えて下さい! 現在使っている AQUOSのSENSE4 の調子が 4 2022/08/11 08:52
- iPhone(アイフォーン) 携帯端末を安く買い換えるためには(iphone) 7 2023/07/25 08:07
- 退職・失業・リストラ 精神疾患で退職する場合 7 2022/08/27 23:47
- その他(IT・Webサービス) Chromeとかにしか対応していないウェブサイトに抗議したい いま令和5年だぞ 今使えるブラウザとい 5 2023/05/24 11:32
- ドライブ・ストレージ CrystalDiskmarkの測定結果の判定をお願いします 1 2023/02/11 17:42
- 宗教学 キリスト教の聖書の教え方について、悩みがあるので、感想アドバイスなどよろしくお願いします。 『一足飛 28 2023/06/20 02:08
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォルダを自動で開く
-
ページ遷移時にアコーディオン...
-
自作のJavaScriptを既存のペー...
-
IEで、return 0; をすると 画面...
-
VB.NETからWEBブラウザの操作に...
-
if(1){...}とはどういうことで...
-
デザイン時のVisible=Falseは実...
-
PHP処理実行後のページの遷移に...
-
JavaScriptで ブラウザの閉じる...
-
ブラウザからエクセルを開く方法
-
htmlのfileタグに自動で値を入...
-
JSPの処理の途中で、JavaScript...
-
Windows Form のMSChartで、グ...
-
特定の文字でエラー
-
gas 全角数字を半角数字に変換
-
jQuery ui Datepicker 明日以降...
-
innerHTMLなどの反映タイミング
-
画像の上にマウスをもってくる...
-
VB.NET2003 テキストボックスに...
-
PDFフォームで条件つき金額を表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フォルダを自動で開く
-
JAVASCRIPTでページ転送する方法
-
PHPを使って作成したボタンをク...
-
自作のJavaScriptを既存のペー...
-
表示ページによって、aタグ内の...
-
C#の質問です。
-
至急お願いします!javascript:...
-
ホームページ 専用ページ 直リ...
-
ページ遷移時にアコーディオン...
-
VB.NETからWEBブラウザの操作に...
-
ページ横スクロールでjQuery li...
-
Javascriptのカウントダウンに...
-
SVGでダブルクリックされた時に...
-
onmousedownを自動で押して、イ...
-
C# ブラウザの自動クリック
-
”閉じる”リンクについて
-
フレーム名を読んで、targetを...
-
「google apps script」情報取...
-
リンクを右クリックするとペー...
-
リンクからPOST送信を、右クリ...
おすすめ情報