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

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

5
href =“ tel:”と携帯電話番号
使用する場合はtel:、そのような国際電話コードを記述する必要があります。 <a href="tel:+6494461709">61709</a> これまでのところ、とても良いですが、携帯電話番号がある場合、「国際的な」方法で携帯電話番号を記述する方法に関する情報を見つけることができません。
341 html  href  tel 

5
ハイフンの後の改行なし
ハイフンの後の改行を、-すべてのブラウザーと互換性のあるケースバイケースで防止したいと考えています。 例: 私はこのテキストを持っています: 3-3/8"これはHTMLでこれです: 3-3/8” 問題は、行の終わり近くで、ハイフンが原因で、完全な単語のように扱うのではなく、改行して次の行に折り返されることです... 3- 3/8" 「ゼロ幅ノーブレイク文字」を挿入しようとしましたが、運がありません... 3-3/8” 私はこれをSafariで確認しており、すべてのブラウザで同じになると考えています。 以下は、私のdoctype文字エンコーディングです... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> ハイフンの後の改行を防ぐ方法はありますか?ページ全体に当てはまる解決策は必要ありません...機能するものを除いて、「ゼロ幅の改行なし文字」のように、必要に応じて挿入できるものだけです。 こちらがデモです。ハイフンで改行するまで枠を狭くしてください。 http://jsfiddle.net/RagKH/

8
無効化されたフォーム入力はリクエストに表示されません
フォームに無効な入力がいくつかあり、それらをサーバーに送信したいのですが、Chromeはリクエストからそれらを除外します。 隠しフィールドを追加せずにこれの回避策はありますか? <form action="/Media/Add"> <input type="hidden" name="Id" value="123" /> <!-- this does not appear in request --> <input type="textbox" name="Percentage" value="100" disabled="disabled" /> </form>
339 html  forms  http  browser 

8
ファイル入力の 'accept'属性-役に立ちますか?
HTMLでのファイルアップロードの実装は非常に簡単ですが、<input type="file" ...>タグに追加できる 'accept'属性があることに気づきました。 この属性は、ファイルへのアップロードを画像などに制限する方法として役立ちますか?それを使用する最良の方法は何ですか? または、htmlファイルの入力タグに対して、ファイルダイアログでファイルタイプを制限する方法はありますか?

21
一部のHTMLタグの任意のデータを保存する方法
私はjavascriptによって提供されるいくつかの相互作用を持つページを作っています。例として:AJAXリクエストを送信して記事のコンテンツを取得し、そのデータをdivに表示するリンク。この例では明らかに、各リンクに追加の情報(記事のID)を格納する必要があります。場合に備えて私がそれを扱ってきた方法は、その情報をhrefリンクに置くことでした: <a class="article" href="#5"> 次に、jQueryを使用してa.article要素を見つけ、適切なイベントハンドラーをアタッチします。(ここでは、ユーザビリティやセマンティクスにこだわらないでください。これは単なる例です) とにかく、この方法は機能しますが、少し臭いがあり、まったく拡張できません(クリック関数に複数のパラメーターがある場合はどうなりますか?これらのパラメーターの一部がオプションの場合はどうなりますか?) すぐにわかる答えは、要素に属性を使用することでした。つまり、それが目的なのですよね?(やや)。 <a articleid="5" href="link/for/non-js-users.html"> で私の最近の質問、この方法が有効だった場合、私は尋ねた、そしてそれは私自身のDTDを(私はしません)を定義するのに短いが、その後何も、それが有効か信頼性がないことが判明していません。一般的な応答は、データをclass属性に入れることでしたが(これは私の選択が不適切な例が原因であった可能性があります)、私には、これはさらににおいがします。はい、技術的には有効ですが、優れたソリューションではありません。 私が過去に使用したもう1つの方法は、実際にJSを生成してページの<script>タグに挿入し、オブジェクトに関連付ける構造体を作成することでした。 var myData = { link0 : { articleId : 5, target : '#showMessage' // etc... }, link1 : { articleId : 13 } }; <a href="..." id="link0"> しかし、これはお尻を維持するための本当の痛みになる可能性があり、一般的には非常に厄介です。 では、質問に答えるために、HTMLタグの任意の情報をどのように保存しますか?
338 javascript  html 

8
HTMLで入力されたファイルに値を設定するにはどうすればよいですか?
注意: 以下の回答とコメントは、2009年のレガシーブラウザーの状態を反映しています。これで、2017年にJavaScriptとdataTransferまたはFileListオブジェクトを使用して、ファイル入力要素の値を動的/プログラムで実際に設定できるようになりました。 詳細とデモについては、この質問の回答を参照してください:ファイルの入力値をプログラムで設定する方法(つまり、ファイルをドラッグアンドドロップする場合)? これの値をどのように設定できますか? <input type="file" />

14
JavaScriptで<style>タグを作成する方法は?
&lt;style&gt;JavaScriptを使用してHTMLページにタグを挿入する方法を探しています。 これまでに見つけた最良の方法: var divNode = document.createElement("div"); divNode.innerHTML = "&lt;br&gt;&lt;style&gt;h1 { background: red; }&lt;/style&gt;"; document.body.appendChild(divNode); これはFirefox、Opera、Internet Explorerで機能しますが、Google Chromeでは機能しません。また&lt;br&gt;、IEの前面が少し醜いです。 誰もが&lt;style&gt;タグを作成する方法を知っていますか いいです Chromeで動作しますか? または多分 これは私が避けるべき非標準的なものです 動作している3つのブラウザーは素晴らしいですが、とにかく誰がChromeを使用していますか?
336 javascript  html  css 



7
<code> vs <pre> vs <samp>(インラインおよびブロックコードスニペット)
私のサイトには、いくつかのインラインコード( " foo()関数を使用する場合...")といくつかのブロックスニペットがあります。これらはXMLになりがちで、非常に長い行が含まれているため、ブラウザーで折り返します(つまり、使用したくない&lt;pre&gt;)。また、ブロックスニペットにCSS書式を設定したいと思います。 &lt;code&gt;CSSブロック属性を(を使用してdisplay: block;)配置すると、インラインスニペットが破損するため、両方を使用することはできないようです。 私は人々が何をしているのか知りたいです。&lt;code&gt;ブロックと&lt;samp&gt;インラインに使用しますか?使用&lt;code&gt;&lt;blockquote&gt;または同様のもの? 他のユーザーがHTMLを保守するため、実際のHTMLはできるだけシンプルにして、クラスは避けたいと思います。



12
CSSでonclickエフェクトを使用できますか?
クリックで変更したい画像要素があります。 &lt;img id="btnLeft"&gt; これは機能します: #btnLeft:hover { width:70px; height:74px; } しかし、私が必要なのは: #btnLeft:onclick { width:70px; height:74px; } しかし、それは明らかに機能しません。onclickCSSで(JavaScriptを使用せずに)動作することは可能ですか?
334 html  css  onclick 

4
背景画像をdivに合わせる
次のdivに背景画像がありますが、画像が途切れます。 &lt;div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"&gt; 背景画像を切り取らずに表示する方法はありますか?

10
Bootstrapでコンテナーを垂直方向に中央揃えするにはどうすればよいですか?
containerdivをの内部で垂直方向に中央揃えしjumbotron、ページの中央に設定する方法を探しています。 .jumbotronスクリーンの完全な高さと幅に適合しなければなりません。.containerdivが幅を持っている1025pxし、ページ(縦中央)の真ん中にする必要があります。 このページでは、ジャンボトロンの垂直方向の中央にコンテナーを配置するとともに、ジャンボトロンを画面の高さと幅に適合させます。どうすればそれを達成できますか? .jumbotron { height:100%; width:100%; } .container { width:1025px; } .jumbotron .container { max-width: 100%; } &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/&gt; &lt;div class="jumbotron"&gt; &lt;div class="container text-center"&gt; &lt;h1&gt;The easiest and powerful way&lt;/h1&gt; &lt;div class="row"&gt; &lt;div class="col-md-7"&gt; &lt;div class="top-bg"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="col-md-5 iPhone-features" style="margin-left:-25px;"&gt; &lt;ul class="top-features"&gt; &lt;li&gt; &lt;span&gt;&lt;i class="fa fa-random simple_bg top-features-bg"&gt;&lt;/i&gt;&lt;/span&gt; …

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