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

World Wide Web Consortium(W3C)は、XML、HTML、CSSなどのテクノロジを定義する仕様とガイドラインを開発および公開する国際コミュニティです。

5
CSS Flexboxに「justify-items」と「justify-self」プロパティがないのはなぜですか?
フレックスコンテナーの主軸と交差軸を考えます。 出典:W3C 主軸に沿ってフレックスアイテムを配置するには、1つのプロパティがあります。 justify-content クロス軸に沿ってフレックスアイテムを配置するには、3つのプロパティがあります。 align-content align-items align-self 上の画像では、主軸は水平で、交差軸は垂直です。これらは、フレックスコンテナのデフォルトの方向です。 ただし、これらの方向はflex-direction宿泊施設と簡単に交換できます。 /* main axis is horizontal, cross axis is vertical */ flex-direction: row; flex-direction: row-reverse; /* main axis is vertical, cross axis is horizontal */ flex-direction: column; flex-direction: column-reverse; (交差軸は常に主軸に対して垂直です。) 軸の働きを説明する上での私のポイントは、どちらの方向にも特別なものは何もないように見えることです。主軸、交差軸、重要度の点で同じであり、flex-direction簡単に前後に切り替えることができます。 では、なぜ交差軸は2つの追加の配置プロパティを取得するのですか? なぜされているalign-contentとalign-items主軸のために一つの特性に統合? 主軸がjustify-selfプロパティを取得しないのはなぜですか? これらのプロパティが役立つシナリオ: フレックスコンテナーの隅にフレックスアイテムを配置する #box3 { align-self: flex-end; justify-self: …

17
HTMLフォームでオートコンプリートを無効にするW3Cの有効な方法はありますか?
xhtml1-transitional.dtddoctype を使用する場合、次のHTMLでクレジットカード番号を収集します <input type="text" id="cardNumber" name="cardNumber" autocomplete='off'/> W3Cバリデータの警告にフラグを立てます。 「オートコンプリート」属性はありません。 フォームの機密フィールドでブラウザのオートコンプリートを無効にするW3C /標準の方法はありますか?
424 html  standards  forms  w3c 

7
url()の値を引用することは本当に必要ですか?
スタイルシートで次のどれを使用すればよいですか? /* Example #1: */ background-image: url(image.png); /* Example #2: */ background-image: url("image.png"); /* Example #3: */ background-image: url('image.png'); W3Cは正しい方法として何を指定していますか?
235 css  w3c 


5
SVGのテキスト要素の垂直方向の配置
私がSVGファイルを持っているとしましょう: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> どういうわけか上を揃えたい aとb。実は、ポジショニングrooflineはbaseline!ではなく!

9
CSS3ボックスサイズ:マージンボックス; 何故なの?
どうしてないのbox-sizing: margin-box;?通常box-sizing: border-box;、スタイルシートに入れるときは、前者を意味します。 例: 2列のページレイアウトがあるとします。両方の列の幅は50%ですが、ガター(中央にギャップ)がないため、見栄えがよくありません。以下はCSSです: .col2 { width: 50%; float: left; } ガターを適用するには、2つの列の最初の列に右マージンを設定するだけでよいと考えるかもしれません。このようなもの: .col2:first-child { margin-right: 24px; } ただし、次のことが当てはまるため、2番目の列が新しい行に折り返されます。 50% + 50% + 24px > 100% box-sizing: margin-box;要素の計算された幅にマージンを含めることにより、この問題を解決します。これは、と同じくらい有用ではないとしても、非常に有用だと思いますbox-sizing: border-box;。
139 css  layout  position  w3c 

4
CSSのマージン/パディング率が常に幅に対して計算されるのはなぜですか?
あなたが見ればCSSボックスモデルの仕様は、次のことを守っます: [マージン]パーセンテージは、生成されたボックスの包含ブロックの幅を基準に計算されます。これは「margin-top」と「margin-bottom」にも当てはまることに注意してください。包含ブロックの幅がこの要素に依存する場合、結果のレイアウトはCSS 2.1で定義されていません。 (強調鉱山) これは確かに本当です。しかし、なぜですか?このように設計することを誰に強制するのでしょうか?必要なシナリオを考えるのは簡単です。たとえば、特定のものが常にページの上部から25%下になるようにすることですが、垂直方向のパディングを水平方向のサイズに対して相対的にする必要がある理由を思い付くのは困難です。親。 これが私が言及している現象の例です: <div style="border: 1px solid red; margin: 0; padding: 0; width: 200px; height: 800px;"> This div is 200x800. <div style="border: 1px solid blue; margin: 10% 0 0 10%;"> This div has top-margin of 10% and left-margin of 10% with respect to its parent. </div> </div> …
130 w3c  css 


6
HTML5の日付ピッカーにスタイルオプションはありますか?
HTML5の日付ピッカーには本当に満足しています。W3Cが最終的にスラックの一部を取得しているので、このような一般的な入力形式を再発明し続ける必要がないことを知るのは新鮮です。 注意点は、ピッカー自体に色を適用する方法があまり見られない、または予見されていないことです。これにより、ほとんどのサイトでデイトピッカーのようなブレーカーが使用されます。<select>人々はかなりそれを作ることができないという単純な理由のための広範なjavascriptの補充ハックに苦しんでいます。W3Cの土地で何が起こっているのか誰か知っているかどうか知りたいのですが。 これは、もう1つのより大きな質問とペアになっています(答えがわかっている場合に備えて):W3CやWHATWGに参加して、これらのいくつかの状況を確認できるようにしておく価値はありますか?あらゆる洞察が役立ちます。
109 html  datepicker  w3c 


4
文字列のXMLからorg.w3c.dom.Documentをロードするにはどうすればよいですか?
文字列の完全なXMLドキュメントがあり、Documentオブジェクトが必要です。Googleはあらゆる種類のゴミを発生させます。最も簡単な解決策は何ですか?(Java 1.5の場合) 解決策Matt McMinnのおかげで、この実装に落ち着きました。それは私にとって適切なレベルの入力の柔軟性と例外の細分性を持っています。(エラーが不正なXMLから発生したのSAXExceptionか-または単にIOが悪かったのかを知るのは良いことですIOException。 public static org.w3c.dom.Document loadXMLFrom(String xml) throws org.xml.sax.SAXException, java.io.IOException { return loadXMLFrom(new java.io.ByteArrayInputStream(xml.getBytes())); } public static org.w3c.dom.Document loadXMLFrom(java.io.InputStream is) throws org.xml.sax.SAXException, java.io.IOException { javax.xml.parsers.DocumentBuilderFactory factory = javax.xml.parsers.DocumentBuilderFactory.newInstance(); factory.setNamespaceAware(true); javax.xml.parsers.DocumentBuilder builder = null; try { builder = factory.newDocumentBuilder(); } catch (javax.xml.parsers.ParserConfigurationException ex) { } org.w3c.dom.Document doc = builder.parse(is); …
103 java  xml  document  w3c 


7
<head>で要素を注文するためのベストプラクティスは何ですか?
何でも好きな順番で使えますか?配置&lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt;は前に重要ですか&lt;title&gt; これが最もよく使われますが、最善の方法ですか? &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt; &lt;title&gt;Title Goes Here&lt;/title&gt; &lt;link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912"&gt; &lt;link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(function() { $("#wmd-input").focus(); $("#title").focus(); $("#revisions-list").change(function() { window.location = '/posts/1987065/edit/' + $(this).val(); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; …
90 html  css  xhtml  w3c 

17
生成されたWebページのソースを表示する最良の方法は?
W3のバリデーターへの入力に対するAJAXリクエストによって行われたDOMの変更を含む、適切に生成されたソースを提供するツールを探しています。私は次の方法を試しました: Web開発者ツールバー-doc-typeに従って無効なソースを生成します(たとえば、タグの自己終了部分を削除します)。ページのdoctype部分を失います。 Firebug-ソースの潜在的な欠陥(閉じられていないタグなど)を修正します。また、タグのdoctype部分が失われ、それ自体が無効なHTMLであるコンソールが挿入されます。 IE開発者ツールバー-doc-typeに従って無効なソースを生成します(たとえば、XHTML仕様に対して、すべてのタグを大文字にします)。 ハイライト+選択ソースの表示-ページ全体を取得するのが難しいことが多く、doc-typeも除外されます。 何らかの方法で修正または変更せずに、ソースの正確な現在のバージョンを提供するプログラムまたはアドオンはありますか?これまでのところ、Firebugは最高のようですが、私の間違いのいくつかが修正されるのではないかと心配しています。 解決 ジャスティンが説明したように、私が望んでいたことに対する正確な解決策はないことがわかりました。最善の解決策は、Firebugによって引き起こされたエラーが含まれている場合でも、Firebugのコンソール内でソースを検証することであるようです。また、「生成されたソースの表示」が実際のソースと一致しない理由を説明してくれたForgottenSemicolonにも感謝します。2つのベストアンサーをマークできれば、そうします。

1
CSSピクセルを分数にすることはできますか?
CSSをpx分数にすることはできますか?規格で許可されていますか?もしそうなら、主要なブラウザはそれをサポートしていますか? 皆さん、ドキュメントで答えをバックアップしましょう。
81 css  w3c 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.