タグ付けされた質問 「html」

HTML(HyperText Markup Language)は、Webブラウザーに表示されるWebページやその他の情報を作成するための主要なマークアップ言語です。HTMLに関する質問には、最小限の再現可能な例と、何を達成しようとしているのかについての考えを含める必要があります。このタグが単独で使用されることはほとんどなく、[CSS]や[javascript]と組み合わせられることがよくあります。

6
rails content_tagヘルパーでhtml5データ属性を使用する最良の方法?
もちろん、問題はルビ記号がハイフンを好まないことです。したがって、このようなものは明らかに機能しません: content_tag(:div, "Some Text", :id => "foo", :data-data_attr => some_variable) 1つのオプションは、シンボルではなく文字列を使用することです。 content_tag(:div, "Some Text", :id => "foo", 'data-data_attr' => some_variable) または、単に補間することもできます。 "<div id='foo' data-data_attr='#{some_variable}'>Some Text</div>".html_safe 私は後者が好きですが、どちらも少し粗いようです。誰かがより良い方法を知っていますか?


5
<nav>または<menu>(HTML5)
W3Schools.comと私は&lt;menu&gt;、ツールバーメニューとリストフォームコントロールコマンドに使用する必要があるW3C.orgの状態を見たことを覚えていると思います。 では、メインメニューにはどちらを使用すればよいですか。Nav、またはMenu?それは重要ですか?
102 html  menu  standards  nav 


7
TRの高さを修正する方法?
テーブルの行(tr)の高さを固定することは可能ですか? ブラウザのウィンドウを縮小すると問題が発生し、一部の行が再生され始め、行の高さを固定できません。 私はいくつかの方法を試しました: tr width="20" / tr style="height:20px" / td height="20" / td style="height:20px" IE7を使用しています スタイル .tableContainer{ color:#0076BF; margin: -10px 0px -10px 0px; border-spacing: 10px; empty-cells:show; width:90%; text-align:left; } .tableContainer tr td{ white-space:nowrap; text-align:left; } HTMLコード。 &lt;table class="tableContainer" cellspacing="10px"&gt; &lt;tr style="height:15px;"&gt; &lt;td&gt;NHS Number&lt;/td&gt; &lt;td&gt;&amp;#160;&lt;/td&gt; &lt;td&gt;Date of Visit&lt;/td&gt; &lt;td&gt;&amp;#160;&lt;/td&gt; &lt;td colspan="3"&gt;Care …
102 html  html-table  row 

10
テーブルを使用せずにこのHTMLレイアウトを実行できますか?
わかりました、1〜2週間前に単純なレイアウトの問題がありました。つまり、ページのセクションにはヘッダーが必要です。 +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ かなりシンプルなもの。テーブルの憎しみはWebの世界で引き継がれているようですが、テーブルの代わりにHTMLフォームに定義リスト(DL、DD、DT)タグを使用する理由を尋ねたときに思い出しました。 これで、テーブルとdivs / CSSの一般的なトピックが以前に説明されました。次に例を示します。 DIV対表 ; そして DIVではなくテーブル。 したがって、これはレイアウト用のCSSとテーブルについての一般的な議論を意図したものではありません。これは単に1つの問題の解決策です。私はCSSを使用して上記のさまざまな解決策を試しました: ボタンまたはボタンを含むdivの右にフロートします。 ボタンの相対位置。そして 相対+絶対位置。 これらの解決策はどれも、さまざまな理由で満足できるものではありませんでした。たとえば、相対的な配置により、コンテンツの下にドロップダウンメニューが表示されるというZ-indexの問題が発生しました。 だから私は戻って行くことになりました: &lt;style type="text/css"&gt; .group-header { background-color: yellow; width: 100%; } .group-header td { padding: 8px; } .group-title { text-align: left; font-weight: bold; } .group-buttons { text-align: right; } &lt;/style&gt; &lt;table …
102 html  css  layout 

4
別のdivの下側の近くにdivを配置する
私は外側のdivと内側のdivを持っています。内側のdivを外側のdivの下部に配置する必要があります。 外側のdivは伸縮自在です(幅:たとえば70%)。インナーブロックも中央に配置する必要があります。 記述されたメイクアップの簡単なモデルを下の写真に示します。
102 html  css  layout 

2
ブラウザは「\ r \ n」または「\ n」を送信しますか、それともブラウザに依存しますか?
この質問は100万年もの間私を悩ませてきました...複数行を許可するtextareaを持つWebサイト(ユーザーのプロファイルの「Bio」など)を作成するときはいつでも、私は常に次のパラノイドコードを書くことになります。 // C# code sample... bio = bio.Replace("\r\n", "\n").Replace("\r", "\n"); bio = Regex.Replace(@"\n{2,}", "\n\n"); では、&lt;textarea name="Bio"&gt;&lt;/textarea&gt;複数の行がある場合、ブラウザは何を送信しますか?

12
HTML5メール検証
「HTML5を使用すると、ユーザーの入力が有効な電子メールまたはURLアドレスであるかどうかを確認するために、これ以上jsまたはサーバー側コードは必要ありません。」 ユーザーの入力後にメールを検証するにはどうすればよいですか?JSを使用せずに、ユーザーが自分のメールアドレスの間違ったフォームを入力した場合にメッセージを表示する方法。 &lt;input type="email" pattern="[^ @]*@[^ @]*" placeholder="Enter your email"&gt; &lt;input type="submit" value="Submit"&gt;
102 html  email 


4
ASP.Net:リテラルとラベル
いつ、どこで、 LITERALを制御しますLABEL。 私が理解しているように、違いはこれです:A LABEL&lt;SPAN&gt;は追加されたタグを介してスタイルを設定できます。 私は個人的&lt;SPAN&gt;に、HTMLにタグを追加するのは非常に煩わしく、ASPを介してスタイルを実際に適用することはないので、LITERALほとんどの場合にsを使用する必要があるようです...が心配です。他にの考慮事項や利点を知らないうちにLABELを使用します。 スタイルを適用しない場合、LABELsをLITERALs に置き換えるのは100%良いですか?その他の考慮事項はありますか?
102 c#  asp.net  html  controls 

4
絶対位置+スクロール
以下HTMLとCSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } &lt;div class="container"&gt; &lt;div class="full-height"&gt; &lt;/div&gt; &lt;/div&gt; コードスニペットを実行する結果を非表示スニペットを展開 インナーdivは、必要に応じて、コンテナーのヘッド全体を占めます。他のフローのコンテンツをコンテナーに追加すると、次のようになります。 .container { position: relative; border: solid 1px red; height: 256px; width: …
102 html  css 



3
アップロード前にHTML5を使用して画像のサイズを変更する
私はこの質問に答えるいくつかの異なる投稿と、stackoverflowの質問さえ見つけました。基本的には、この投稿と同じことを実装しています。 これが私の問題です。写真をアップロードするときに、残りのフォームも送信する必要があります。これが私のhtmlです: &lt;form id="uploadImageForm" enctype="multipart/form-data"&gt; &lt;input name="imagefile[]" type="file" id="takePictureField" accept="image/*" onchange="uploadPhotos(\'#{imageUploadUrl}\')" /&gt; &lt;input id="name" value="#{name}" /&gt; ... a few more inputs ... &lt;/form&gt; 以前は、画像のサイズを変更する必要がなかったため、JavaScriptは次のようになりました。 window.uploadPhotos = function(url){ var data = new FormData($("form[id*='uploadImageForm']")[0]); $.ajax({ url: url, data: data, cache: false, contentType: false, processData: false, type: 'POST', success: function(data){ ... handle error... …
102 javascript  html  canvas 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.