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

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

19
HTMLのID属性と名前属性の違い
idとname属性の違いは何ですか?どちらも識別子を提供するという同じ目的を果たしているようです。 (特にHTMLフォームに関して)何らかの理由で両方を使用する必要があるかどうか、または推奨されるかどうかを知りたいです。
718 html  attributes 

25
IFrameから境界線を削除
Webアプリに埋め込まれたiframeから境界線を削除するにはどうすればよいですか?iframeの例は次のとおりです。 <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> ページのコンテンツからiframeのコンテンツへの移行をシームレスにしたいのですが、背景色が同じであると想定しています。対象のブラウザはIE6のみであり、残念ながら他の人のためのソリューションは役に立ちません。

15
検索エンジンはAngularJSアプリケーションをどのように扱いますか?
AngularJSアプリケーションには、検索エンジンとSEOに関する2つの問題があります。 1)カスタムタグはどうなりますか?検索エンジンはこれらのタグ内のコンテンツ全体を無視しますか?つまり、私が持っていると仮定します <custom> <h1>Hey, this title is important</h1> </custom> う<h1>カスタムタグ内であるにもかかわらず、インデックスを作成しますか? 2)文字通り{{}}バインドのインデックス付けを行う検索エンジンを回避する方法はありますか?すなわち <h2>{{title}}</h2> 私は次のようなことができることを知っています <h2 ng-bind="title"></h2> しかし、実際にクローラーにタイトルを「表示」させたい場合はどうなりますか?サーバー側のレンダリングが唯一のソリューションですか?

2
Zalgoテキストはどのように機能しますか?
StackаэтотвопросестьответынаStack Overflowнарусском:Какработаеттекст«Залго»? 以下のようなZalgoと呼ばれる奇妙な形式のテキストがさまざまなフォーラムで書かれているのを見ました。見るのはちょっと面倒ですが、キャラクターがどうあるべきかという私の考えを損なうので、本当に面倒です。私の理解では、キャラクターは線を横切って水平に移動し、特定の「コンテナー」内にとどまるはずです。明らかに、Zalgoテキストは垂直方向に移動しており、スペースに制限されていないようです。 これはUnicodeのバグ/欠陥/悪用/ハックですか?これらの個々のキャラクターは奇妙な特性を持っていますか?"ここで何が起きてるの? H̡̫̤̤̣͉̤ͭ̓̓̇͗̎̀ơ̯̗̱̘̮͒̄̀̈ͤ̀͡w͓̲͙͖̥͉̹͋ͬ̊ͦ̂̀̚ ͎͉͖̌ͯͅͅd̳̘̿̃̔̏ͣ͂̉̕ŏ̖̙͋ͤ̊͗̓͟͜e͈͕̯̮̙̣͓͌ͭ̍̐̃͒s͙͔̺͇̗̱̿̊̇͞ ̸̤͓̞̱̫ͩͩ͑̋̀ͮͥͦ̊Z̆̊͊҉҉̠̱̦̩͕ą̟̹͈̺̹̋̅ͯĺ̡̘̹̻̩̩͋͘g̪͚͗ͬ͒o̢̖͇̬͍͇͓̔͋͊̓ ̢͈͙͂ͣ̏̿͐͂ͯ͠t̛͓̖̻̲ͤ̈ͣ͝e͋̄ͬ̽͜҉͚̭͇ͅx͎̬̠͇̌ͤ̓̂̓͐͐́͋͡ț̗̹̝̄̌̀ͧͩ̕͢ ̮̗̩̳̱̾w͎̭̤͍͇̰̄͗ͭ̃͗ͮ̐o̢̯̻̰̼͕̾ͣͬ̽̔̍͟ͅr̢̪͙͍̠̀ͅǩ̵̶̗̮̮ͪ́?̙͉̥̬͙̟̮͕ͤ̌͗ͩ̕͡
694 html  unicode  zalgo 


20
入力フィールドで:beforeまたは:after疑似要素を使用できますか?
:afterCSS疑似要素をinputフィールドで使用しようとしていますが、機能しません。と一緒に使用するとspan、問題なく動作します。 <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> これは機能します(「buu!」の後、「もう少し」の前にスマイリーを置きます) <span class="mystyle">buuu!</span>a some more これは機能しません-someValueを赤で着色するだけですが、笑顔はありません。 <input class="mystyle" type="text" value="someValue"> 何が悪いのですか?別の疑似セレクターを使用する必要がありますか? 注:はサードパーティのコントロールによって生成されているため、のspan周りにを追加することはできませんinput。

12
フレックスアイテムを右揃えする方法は?
「連絡先」を右揃えにするよりフレックスボックス風の方法はありますposition: absoluteか? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div class="a"><a href="#">Home</a></div> <div class="b"><a href="#">Some title centered</a></div> <div class="c"><a href="#">Contact</a></div> </div> <h2>Without title</h2> …
680 html  css  flexbox 

25
「位置:絶対」要素を中央に配置する方法
属性がにposition設定されている要素を中央に配置するときに問題が発生しabsoluteます。画像が中央に配置されない理由を誰かが知っていますか? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { border: 1px solid #ccc; padding: 4px; height: 450px; } <body> <div id="slideshowWrapper"> <ul id="slideshow"> <li><img src="img/dummy1.JPG" alt="Dummy 1" …

30
name = ''の無効なフォームコントロールにはフォーカスできません
私のウェブサイトに深刻な問題があります。Google Chromeでは、一部の顧客が私の支払いページに進むことができません。フォームを送信しようとすると、次のエラーが発生します。 An invalid form control with name='' is not focusable. これはJavaScriptコンソールからのものです。 問題は、必要な属性を持つ非表示フィールドが原因である可能性があると読みました。ここで問題は、html5必須属性ではなく、.net webforms必須フィールドバリデーターを使用していることです。 このエラーが発生するのはランダムです。これの解決策を知っている人はいますか?
671 html  validation 

7
(非voidではない)自己終了タグはHTML5で有効ですか?
W3Cのバリデータは、自己終了タグ(持つものそのため、「好きではない/>の「)非空要素。(Void要素とは、コンテンツを一切含まない可能性がある要素です)。HTML5でも有効ですか? 受け入れられる void要素の例: <br /> <img src="" /> <input type="text" name="username" /> 拒否された非void要素の例: <div id="myDiv" /> <span id="mySpan" /> <textarea id="someTextMessage" /> 注: W3Cバリデーターは実際にはvoid自己終了タグを受け入れます。作成者は元々、単純なタイプミス(の\>代わり/>)のために問題がありました。ただし、HTML 5では一般に自己終了タグは100%有効ではありません。回答は、さまざまなHTMLフレーバーにわたる自己終了タグの問題について詳しく説明しています。

12
フレックスボックス:水平および垂直に中央揃え
フレックスボックスを使用して、divをコンテナ内で水平方向および垂直方向の中央に配置する方法。以下の例では、水平方向の中央に配置された各行の下(行)に各数値が必要です。 .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; } .flex-item { background: tomato; padding: 5px; width: 200px; height: 150px; margin: 10px; line-height: 150px; color: white; font-weight: bold; font-size: 3em; text-align: center; } <div class="flex-container"> <div class="row"> <span class="flex-item">1</span> …
669 html  css  flexbox 

10
<input type =“ file”>を使用するときにファイル形式を制限しますか?
ユーザーが&lt;input type="file"&gt;HTML の要素の[参照]ボタンをクリックしたときに、ネイティブOSファイルチューザーから選択できるファイルの種類を制限したいと思います。それは不可能だと感じていますが、解決策があるかどうか知りたいのですが。私はHTMLとJavaScriptのみに限定したいと思います。フラッシュしないでください。
667 html  file  types 

30
HTMLのレイアウトにテーブルを使用しないのはなぜですか?[閉まっている]
現在のところ、この質問はQ&A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前休業。 ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 HTMLでのレイアウトにテーブルを使用してはならないというのは一般的な見方のようです。 どうして? 私はこれについて良い議論を見たことがありません(または正直に言うとまれです)。通常の答えは次のとおりです。 コンテンツをレイアウトから分離するのは良いことですが、これは誤った議論です。クリシェ思考。レイアウトにtable要素を使用しても、表形式のデータとはほとんど関係がないのは事実です。だから何?上司は気にしますか?ユーザーは気にしますか?おそらく、私またはWebページのケアを維持する必要のある他の開発者...テーブルの保守性は低下しますか?テーブルを使用する方が、divやCSSを使用するより簡単だと思います。ちなみに、なぜdivまたはspanを使用してコンテンツをレイアウトから分離し、テーブルを使用しないのですか?多くの場合、divのみで適切なレイアウトを取得するには、多くのネストされたdivが必要です。 コードの読みやすさそれは逆だと思います。ほとんどの人はHTMLを理解し、CSSを理解する人はほとんどいません。 SEOがテーブルを使用しない方が良いのはなぜですか?誰かがそれであるという証拠を示すことができますか?または、テーブルはSEOの観点から推奨されないというGoogleの声明は? テーブルが遅くなります。追加のtbody要素を挿入する必要があります。これは、最新のWebブラウザー用のピーナッツです。テーブルを使用するとページの速度が大幅に低下するベンチマークをいくつか示してください。 レイアウトのオーバーホールはテーブルがなくても簡単です。csZenガーデンを参照してください。アップグレードが必要なほとんどのWebサイトには、新しいコンテンツ(HTML)も必要です。Webサイトの新しいバージョンが新しいCSSファイルのみを必要とするシナリオは、あまりありません。Zen Gardenは素晴らしいWebサイトですが、少し理論的です。CSSの誤用は言うまでもありません。 テーブルの代わりにdivs + CSSを使用するための良い議論に本当に興味があります。
665 html  css 

30
JavaScriptが無効になっているかどうかを検出する方法は?
今朝、何人がJavaScriptを無効にしているのかを尋ねる投稿がありました。それから私は、ユーザーが無効にしているかどうかを判断するためにどのような手法が使用されるのか疑問に思い始めました。 JavaScriptが無効になっているかどうかを検出するための簡単な方法を知っている人はいますか?私の意図は、ブラウザでJSが有効になっていないとサイトが正しく機能しないことを警告することです。 最終的には、JSがなくても機能するコンテンツにリダイレクトしたいのですが、開始するにはプレースホルダーとしてこの検出が必要です。

17
jQueryで要素のクラスリストを取得する
jQueryで要素に割り当てられているすべてのクラスをループするか、配列に割り当てる方法はありますか? 例: &lt;div class="Lorem ipsum dolor_spec sit amet"&gt;Hello World!&lt;/div&gt; 上記の「dolor_spec」のような「特別な」クラスを探します。hasClass()を使用できることはわかっていますが、実際のクラス名は必ずしもその時点でわかっているとは限りません。
657 javascript  jquery  html 

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