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

素晴らしいロゴを作成し、AIおよびSVG形式で保存しました。ロゴはサイト全体に何度も表示され、ロゴをPNG形式で保存してサーバー側の不要なリクエストを行うよりも良いので、サイトでSVGファイルを使用したいと思います。今、これは以下を使用してうまく機能します： <svg id="my-logo" height="60" width="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > <g transform="scale(0.1)"> <image x="0" y="0" height="600" width="600" xlink:href="my-logo.svg" /> </g> </svg> Schema.org logoマークアップを使用すると問題が発生します。使用： <svg itemscope itemtype="http://schema.org/Organization" id="my-logo" height="60" width="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > <g transform="scale(0.1)"> <image itemprop="logo" x="0" y="0" height="600" width="600" xlink:href="my-logo.svg" /> </g> </svg> 予想通り、W3C検証に失敗し、次のエラーメッセージが表示されます。 この時点では、要素svgでは属性itemscopeは許可されていません。 この時点では、要素svgで属性itemtypeは許可されていません。 この時点では、属性itempropは要素画像では許可されていません。 W3Cの検証は必須ではないことはわかっていますが、GoogleとW3Cの両方を満たすソリューションを用意したいと思います。 一部のW3Cの達人が私を正しい方向に向けることができると確信しています。1つの解決策である可能性があることを知っているので、可能であればDATA URIを使用しないようにしますが、DATA URIが間違っているかどうかに応じて修正しますキャッシュできません。

8 html5  microdata  schema.org  svg  w3c-validation 

Twitterブートストラップは<small>内でタグを使用します<h1>。これによるSEOへの影響は何ですか？<small>タグ内のテキストコンテンツは同様に重要ですか？ 次に例を示します（軽量のデフォルトの同じマークアップ、さまざまなクラスを参照）。 <h2>Lightweight defaults <small>Same markup, different classes</small></h2>

8 seo  html5 

ウェブサイトのビルドでWAI-ARIAを使用する必要がありますか？何かメリットはありますか？現在、誰かがコードに「役割」を追加していますか？ WAI-ARIAに関する情報-www.w3.org/WAI/intro/aria。 タブ、リンク、チェックボックス、スライダーの役割に加えて、さらに多くの機能は、HTML5ではまだ利用できません。利用可能なもののリスト（以下を参照）と将来の予定を見ると、ページ上の大量のタグにロールを適用しているように見えます。リーダーなどを使用するユーザーにメリットがある場合は特に問題ありません また、余談ですが、検索エンジンはWAI-ARIAを使用しているサイトに何らかのメリットをもたらしますか？ 使用する安全なロールのリスト（私は思う） • role="article" • role="banner" • role="complementary" • role="contentinfo" • role="form" • role="heading" • role="main" • role="navigation" • role="search" HTML5コードでの使用例： <header role="banner"></div>メインヘッダーの場合、バナーはページごとに1回のみ許可されます <header role="heading"></div>-メインヘッダーの後のすべてのヘッダー <aside role="complementary"></aside> <form role="search"></form>

8 html  web-development  html5  accessibility 

画像付きのテキストを使用して内部のページまたはカテゴリにリンクする場合、（意味論的に）ベストプラクティスと見なされるものは何ですか？ オプション1 <nav> <a href="/kittens"> <img src="kittens.png" /> <span>Kittens</span> </a> <a href="/puppies"> <img src="puppies.png" /> <span>Puppies</span> </a> </nav> オプション2 <nav> <a href="/kittens" class="kittens">Kittens</a> <a href="/puppies" class="puppies"><span>Puppies</a> </nav> CSSが定義されている場所： a.kittens { background-image:url("kittens.png"); width:40px; height:60px; } a.puppies { background-image:url("puppies.png"); width:40px; height:60px; } リンクのスタイル付き背景、または<img>アンカー要素の内部を使用する必要がありますか？

8 links  images  html5 

私は最近、誰もがHTML5タグを使用しているように見えるようにHTML5を使用しています。つまり、HTML5タグ、Canvas / 3D / javascriptおよびCSS3です。 これらのテクノロジーを実際に使用しているサイトの例を見つけるのに苦労しています。これは、CanvasまたはCSS3トランスフォームまたはシェイプを使用して誰かが管理したクールなデモだけではありません。 私は見た目が良いだけでなく、アニメーション、スクロール、シルバーバックやキャンバスのオフセットなどを利用してインタラクティブなサイトを作成し、「フラッシュのような」サイトを作成しているサイトを探しています。 これらは私が見つけたいくつかの例です： スクロール http://nikebetterworld.com/ http://benthebodyguard.com/ アニメーション http://www.elladesign.com/contact.html その他の http://www.pirateslovedaisies.com/ 私はHTML5を大まかに使用しており、それを使用するのは嫌いです。あなたが本当に視覚的に魅力的なJavaScriptベースのサイトをリストしたが、それがHTML5 doctypeを持っていなかったら幸いです。

8 html  css  javascript  html5  css3 

新しいHTML5要素とは少し混乱しています<section>。それを使用する正しい方法は何ですか？ このアウトラインを考えてみましょう： <article> <header> <h2>Title</h2> <p>Spiffy tagline</p> </header> <section> <p>My content! BLA BLA BLA YADDA YADDA</p> <p>Some more content!</b> </section> </article> それは意味がありますか？ タイトルと短いテキストだけの小さな記事がある場合はどうなりますか？（意味論的に、仕様的になど）を省略しsectionますか？

8 html5  standards  markup 

Flashの今後の（および現在の）使用とSilverlightの採用については、多くの論争があります。既に使用している場合、またはHTML5などの別のものを使用する必要がある場合は、引き続き使用する必要がありますか？

8 html5  flash  silverlight