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

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


12
JavaScriptをHTMLファイルのどこに配置しますか?
かなり重いJavaScriptファイルがあり、およそ100kb程度に圧縮されているとしましょう。ファイルとは<script src="...">、HTML自体に貼り付けられるのではなく、を介してリンクされる外部ファイルであることを意味します。 これをHTMLに配置するのに最適な場所はどこですか? <html> <head> <!-- here? --> <link rel="stylesheet" href="stylez.css" type="text/css" /> <!-- here? --> </head> <body> <!-- here? --> <p>All the page content ...</p> <!-- or here? --> </body> </html> 各オプション間に機能的な違いはありますか?

7
コンテナ要素にフロート要素が含まれている場合、コンテナ要素の高さが増加しないのはなぜですか?
高さとフロートがどのように機能するかを質問したいと思います。外部divとコンテンツを含む内部divがあります。高さは内側のdivの内容によって異なる場合がありますが、内側のdivが外側のdivをオーバーフローするようです。それを行う適切な方法は何でしょうか? <html> <body> <div style="margin:0 auto;width: 960px; min-height: 100px; background-color:orange"> <div style="width:500px; height:200px; background-color:black; float:right"></div> </div> </body> </html> コードスニペットを実行する結果を非表示スニペットを展開
210 html  css  css-float 

2
ボール(オブジェクト)が収縮/消えないのはなぜですか?
http://jsfiddle.net/goldrunt/jGL84/42/ これは、このJSフィドルの84行目からです。行141-146のコメントを解除することで、ボールに適用できる3つの異なる効果があります。「バウンス」効果は正常に機能しますが、「アスプロード」効果は何もしません。asplode関数内に「縮小」関数を含める必要がありますか? // balls shrink and disappear if they touch var shrink = function(p) { for (var i = 0; i < 100; i++) { p.radius -= 1; } function asplode(p) { setInterval(shrink(p),100); balls.splice(p, 1); } }
208 javascript  html 

10
<script defer =“ defer”>はどのように機能しますか?
いくつかの&lt;script&gt;要素があり、それらのいくつかのコードは他の&lt;script&gt;要素のコードに依存しています。このdefer属性は、コードブロックの実行を延期できるため、ここで役立ちます。 それをテストするために、私はこれをChromeで実行しました:http : //jsfiddle.net/xXZMN/。 &lt;script defer="defer"&gt;alert(2);&lt;/script&gt; &lt;script&gt;alert(1)&lt;/script&gt; &lt;script defer="defer"&gt;alert(3);&lt;/script&gt; ただし、アラートが表示され2 - 1 - 3ます。警告しないのはなぜ1 - 2 - 3ですか?

6
HTML / Javascriptのdivコンテンツを変更
いくつかのJavaScriptを使用した単純なHTMLコードがあります。 &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; function changeDivContent() { // ... }; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="radio" name="radiobutton" value="A" onClick="changeDivContent()"&gt; &lt;input type="radio" name="radiobutton" value="B" onClick="changeDivContent()"&gt; &lt;div id="content"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; コードスニペットを実行する結果を非表示スニペットを展開 「A」または「B」のいずれかのラジオボタンを選択してdivのコンテンツ(内部のhtml)を変更できるようにしたいのですが、div#contentにはJavaScript属性の「値」がないため、どのようにできるかを尋ねています終わり。
208 javascript  html 

25
HTMLでHTMLスニペットを表示する
どのように私は、各を交換することなく、WebページのHTMLスニペットを表示することができ&lt;て&amp;lt;と&gt;して&amp;gt;? つまり、終了タグを押すまでHTMLをレンダリングしないタグはありますか?
208 html  tags 


18
2行目のcss省略記号
text-overflow: ellipsis2行目のCSS 、これは可能ですか?ネットでは見つかりません。 例: 私が欲しいのはこのようなものです: I hope someone could help me. I need an ellipsis on the second line of... しかし、何が起こっているのですか? I hope someone could help me. I ...
208 html  css 

6
要素の親divを取得する
これは非常に簡単なはずですが、問題があります。子要素の親divを取得するにはどうすればよいですか? 私のHTML: &lt;div id="test"&gt; &lt;p id="myParagraph"&gt;Testing&lt;/p&gt; &lt;/div&gt; 私のJavaScript: var pDoc = document.getElementById("myParagraph"); var parentDiv = ?????????? 私は考えていたdocument.parentかparent.container、うまくいくと思いましたが、not definedエラーが出続けます。pDocが定義されていることに注意してください。特定の変数ではありません。 何か案は? PS私は可能であればjQueryを避けたいと思います。



19
Node.jsでの基本的なHTMLの読み込み
基本的なHTMLファイルをロードしてレンダリングする方法を見つけようとしているので、次のようなコードを記述する必要はありません。 response.write('...&lt;p&gt;blahblahblah&lt;/p&gt;...');
207 html  node.js 

4
CSSを使用してテキストを挿入する
私はCSSに比較的慣れていないので、CSSを使用してテキストのスタイルとフォーマットを変更しました。 これを使用して、次に示すようにテキストを挿入します。 &lt;span class="OwnerJoe"&gt;reconcile all entries&lt;/span&gt; 私はそれを次のように見せることができると思います: ジョーのタスク:すべてのエントリを調整する つまり、単に「Owner Joe」クラスであるJoe's Task:ために、テキストを表示したいのです。 私は次のようなコードでそれを行うことができます: &lt;span class="OwnerJoe"&gt;Joe's Task:&lt;/span&gt; reconcile all entries. しかし、クラスとテキストの両方を指定することは、非常に冗長に思えます。 私が探していることをすることは可能ですか? 編集 1つのアイデアは&lt;li&gt;、「箇条書き」が「Joe's Task」というテキストであるListItemとして設定することです。さまざまな箇条書きのスタイルを設定する方法の例や、箇条書きの画像も表示されます。リストの箇条書きに小さなテキストブロックを使用することは可能ですか?
207 html  css 

16
「&」を「&amp;」として本当にエンコードする必要がありますか?
&amp;私のサイトのHTML5およびUTF-8で「」記号を使用しています&lt;title&gt;。Googleは、タイトルのすべてのブラウザと同様に、SERPにアンパサンドを表示します。 http://validator.w3.orgは私にこれを与えています: &は文字参照を開始しませんでした。(&おそらくエスケープされるべきだった&amp;amp;。) 私は本当にする必要があり&amp;amp;ますか? 検証のために自分のページを検証することに戸惑うことはありませんが、これについての人々の意見を聞き、それが重要かどうか、そしてその理由を知りたいです。

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