![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
<html>
<head>
<title>test</title>
</head>
<body>
<form>
<input type="button" value="文字" onclick="document.location = 'http://www';" />
</form>
</body>
</html>
でも
<html>
<head>
<title>test</title>
</head>
<body>
<input type="button" value="文字" onclick="document.location = 'http://www/';" />
</body>
</html>
でも、問題なく動くのですが、formタグって必要ですか?
No.2
- 回答日時:
a要素の終了タグが抜けてました。
<p class="button" style="width:5em"><a href="https://www.google.co.jp/">Google</a></p>
No.1
- 回答日時:
>問題なく動くのですが、formタグって必要ですか?
特定のブラウザで確かに動くでしょうが、それに期待してはなりません。
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
・ブラウザは、HTML構文上間違いがあっても最大限その利用に尽力しなければなりません。
【引用】____________ここから
しかし、様々なHTMLバージョンの実装間での実験及び相互運用性を促進するため、次の動作を推奨する。
・認識できない要素があった場合、ユーザエージェントは、内容の
レンダリングを試みねばならない。
・認識できない属性があった場合、ユーザエージェントは、当該属
性定義全体(すなわち、属性とその値)を無視しなければならない。
・ 認識できない属性値があった場合、ユーザエージェントは、
デフォルトの属性値を用いねばならない。
・・・【中略】・・・
エラー条件をどのように処理するかはユーザエージェントにより様々なので、
HTML文書の著者もユーザも、特定のエラー復元方法に依存してはいけない。
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[不正文書に関する注意( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
★HTMLが正しく書けているかは、必ず
⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html )
でチェックしておきましょう。[右上のDATAタブから]
HTML文書が不正だと、ブラウザによって表示が違ったりする原因になります。
★それ以外の問題点
1) input要素は、フォームコントロールのひとつでformを使ってサーバーにデータを送る機能の一つです。デザインのために使用してはなりません。
これはHTMLすべてについて言える、とても大事な点です。「配置のためにデザインを使用する」「行間が広いので段落を<br>でマークアップする」「スペース調整で画像を挿入する」等々・・
⇒スタイルシートの概説( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
2) javascriptを利用できない、利用しない端末には無効です。
『HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
3) 「この様な外観にしたい」と言う場合は、【HTMLは正しく書いて】スタイルシートでデザインして行きます。
【引用】____________ここから
スタイルシートはこれらの問題を解決すると同時に、HTMLにおける制限されたプレゼンテーション機構に取ってかわる。スタイルシートでは、行間の設定やインデントの設定、テキスト色や背景色、フォントのサイズとスタイル、その他様々なプロパティの設定が簡単にできる。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[スタイルシートの概説( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
★このように文書構造とスタイルシートを使い分けることによって、(検索エンジンも含めて)様々な端末で利用可能になり、またデザインはいつでも好きに変更できます。
★実際にはどうするか?
[HTML]
単なるリンクでしたら、HTMLは次のようになるでしょう。
【例】段落なら<p></p>、リストでしたら<li></li>など・・
<p class="LinkButton" style="width:5em"><a href="https://www.google.co.jp/">Google</p>
わかりやすくするためにLinkButtonというclass名をつけておきます。それを利用してスタイルシートを書くことが出来ます。
[スタイルシート]<head></head>内に
<style type="text/css" media="screen">
<!--
p.button{
text-align:center;line-height:2em;
margin:0.5em auto;
}
p.button a{
display:block;width:100%;height:100%;
border:outset 2px gray;border-radius:0.3em;text-decoration:none;
}
p.button a:hover{
background-color:yellow;}
p.button a:active{background-color:aqua;border-style:inset;}
-->
</style>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP php ログイン 1 2022/11/01 00:24
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
ハイパーリンクに下線を表示す...
-
テキストをクリックすると答え...
-
別ページのページ内リンクでの...
-
firefoxでブラウザ確認すると左...
-
bodyにwidth:100%をつける理由は?
-
テキストボックス内にハイパー...
-
<a href="#" …>の意味を教えて...
-
SCRIPT5007: 未定義または NULL...
-
リンクにマウスポインタをおく...
-
別ファイルのfunctionの読み込み方
-
ScriptがTABLEタグの中に表示さ...
-
Dreamweaver で 外部JSを読み込...
-
【javascript クロスブラウザ...
-
idHOGEで取得したinnerText(数...
-
ページ全体を検索して特定文字...
-
特定のページから移動してきた...
-
子フレームの自動リロードは可...
-
javascriptファイルは1つに統...
-
キーボードで画像を動かす方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
bodyにwidth:100%をつける理由は?
-
WEB上で編集できない、スク...
-
ワンクリックで二箇所に表示さ...
-
スクロールバーのスクロール量...
-
横スクロールを右から左へ・・・
-
テキストをクリックすると答え...
-
bodyタグの範囲について
-
ページの読み込みが完了してか...
-
「overflow: hidden」ペー ジ内...
-
"mailtoでメールの【氏名】【性...
-
外部ページからハッシュタグ(...
-
DOCTYPE宣言をするとstyleが適...
-
mailtoで質問・・・
-
IE以外は色が付かない なぜ?
-
javaScript Nullまたはオブジェ...
-
divで作成したテキストボックス...
おすすめ情報