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

HTML5は、HTML（HyperText Markup Language）の5番目のリビジョンであり、現在は最新バージョンです。HTMLの5番目の改訂では、ビデオ、オーディオ、キャンバス、セクションや記事など、多くの新しい構文機能が導入されました。

1
datetime-localはHTML 5.1から削除されていますか？
HTML5では、次の2つの入力タイプを導入しているようです。 日時（タイムゾーン付き） datetime-local（タイムゾーンなし） 両方ともW3C wikiに存在しますが、HTML 5.1の夜間ドラフト勧告ではdatetimeタイプのみが言及されていますが、の言及は見当たりませんdatetime-local。 このタイプは推奨から削除（または名前変更）されましたか、それとも今後のサポートを期待できますか？
12 html5 
3
ModernizrとHtml5Shivの違いは何ですか？
私はhtml5に切り替えるというアイデアをいじっていました。古いブラウザでhtml5をサポートするための2つの主要なスクリプトがあるようです。 ModernizrおよびHtml5Shiv 彼らは同じことをするのだろうかと思っていました。どちらを選択するのか、なぜですか？ 何か案は？
12 html5 
2
Schema.org / Rich Snippetsマークアップ、つまりLocalBusinessデータの繰り返し使用
公式な文言を見つけることができません。リッチスニペット/スキーマの達人が、マークアップの使用に関して繰り返しコンテンツを適切に使用するための洞察を提供してくれることを期待しています。 私は、Schema.orgをマークアップタイプとして使用したいサイトを構築しており、所有者はできるだけ多くの使用法を望んでいます。会社名、電話番号、住所がすべてのページに表示されるようになりました。この情報が表示されるすべてのページでリッチスニペットを使用することは有効です。 たとえば、この情報はサイトのすべてのページのヘッダーとフッターに表示され、現在のマークアップの例を以下に示します。 <body itemscope itemtype="http://schema.org/LocalBusiness"> <header> <a itemprop="url" href="http://www.domain.co.uk/"> <img itemprop="logo" src="image.png" alt="Company Name Logo" /> </a> <span itemprop="telephone">01202 000 000</span> </header> <div> This is where the content will go</div> <footer> <span itemprop="name">Company Name</span> <span itemprop="description"> A small little bit about this company</span> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress">Address …
3
HTML5 lang属性のlanguage + region値
language+regionこのW3.orgページで説明されているアプローチに従ってローカライズされたコンテンツを提供するWebサイトに取り組んでいます（たとえばfr-CA、カナダのフランス語コンテンツ、およびfr-FR「フランス語のフランス語」コンテンツ）。それぞれのコンテンツはlanguage+region一意であると考えるため、検索エンジンがコンテンツを適切に識別し、それに応じて提供することが重要です。 インターネット（この質問など）を調べてみると、ほとんどの人は、コンテンツ言語を記述するためにHTML 属性でISO639言語コードを使用することを推奨しているようlangです。この推奨事項に従って<html lang="fr">、前述のlanguage+region組み合わせを区別できないものを使用します。 HTML4仕様を確認するときlanguage+region、言語コードとして使用することは、このen-US例が1つの可能な値として与えられているため、完全に問題がないようです。ただし、HTML5仕様でこれを確認することはできませんでした。可能な許容値に関する例を提供していないようです。 そこから、ウェブの巨人が何をしているかを見て、事実上の答えを得ようとしました。私はFacebookが何をしているのかを見ました。HTML lang値は同じままで、（わずかに）異なるコンテンツのWebサイトのCandian FrenchバージョンとFrench Frenchバージョンを提供しています。 fr-CA URL：http : //fr-ca.facebook.com HTML lang属性：<html lang="fr"> 「email」という単語の翻訳：courriel fr-FR URL：http : //fr-fr.facebook.com/ HTML lang属性：<html lang="fr"> 「email」という単語の翻訳：Adresse électronique language+regionHTML5 のアプローチを使用してローカライズされたコンテンツを説明する推奨/標準の方法は何ですか？
3
http-equiv = content-language Alternative-ドキュメントの言語を指定する方法
多くのWebサイトでは、次のメタタグを使用して、ドキュメントのデフォルト言語を指定しています。 <meta http-equiv="content-language" content="es-ES"> 私はに行くとW3CのサイトとHTML言語のマークについて読んだ私はこれを取得するまで： meta要素を使用してドキュメント全体のデフォルト言語を指定することは廃止されました。代わりに、ルート要素で言語を指定することを検討してください。 現在、ドキュメントの言語を指定する方法は何ですか？
8
Flashを忘れてHTML5を使用する時間になりましたか？
HTML5の定義を読んだら、Flashでできることは何でもできます！フラッシュを学ぶために時間を無駄にするのは正しいことなのか、それともHTML5を学ぶべきなのかと私は自問しています。 HTML5は将来的にFlashを打ち負かしますか？ PS：FlashでできることでHTML5ではまだできないことはありますか？
4
複数の分離したMicrodata <div>をリンクしますか？
schema.orgのセマンティックマークアップを追加しています。それらのいくつかは、Webページのまったく異なる部分にあるいくつかを一緒にリンクしたいと考えています。 これは私がそれらを親/子として指定すると機能します： &lt;div itemscope itemtype="http://schema.org/ExerciseAction"&gt; &lt;span itemprop="distance"&gt;11 km&lt;/span&gt; &lt;div itemprop="event" itemscope itemtype="http://schema.org/Event"&gt; &lt;span itemprop="name"&gt;first event&lt;/span&gt; &lt;span itemprop="startDate"&gt;2001-01-01&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; ただし、HTMLの山で区切られている場合にリンクする方法はわかりません。 &lt;div itemscope itemtype="http://schema.org/Event"&gt; &lt;span itemprop="name"&gt;some event&lt;/span&gt; &lt;span itemprop="startDate"&gt;2002-02-02&lt;/span&gt; &lt;/div&gt; &lt;!-- .... zillion other HTML stuff ... --&gt; &lt;div itemscope itemtype="http://schema.org/ExerciseAction"&gt; &lt;span itemprop="distance"&gt;22 km&lt;/span&gt; &lt;/div&gt; 「itemref」などを使用して関連するスコープをリンクする必要があると思いますが、機能しません。この場合、同様の質問を調べても役に立ちませんでした。 更新：ある種の参照を介して機能し、どのタイプのネストを介しても機能しないソリューションを具体的に探していることに注意してください。また、2番目の（機能しない）サンプルの順序は同じままである必要があります（最初にイベント、2番目にExerciseAction）。（私の制御の外にそれにはいくつかの理由があります）。 具体的には、「機能する」とは、少なくとも最初に機能する例と同様に、アイテムが相互にリンクされていることを示すGoogleリッチスニペットツールとして定義されます。
11 html5  microdata 
2
<h1>-セマンティックインパクトとSEOインパクト
html5の見出し構造のアーキテクチャについては多くの議論があります。さまざまな記事を読んだ後、私には論理的に意味のある3つの可能なアーキテクチャにたどり着きましたが、実際の適切なアプローチ方法がどれなのかわかりません。以下にそれらをコード例とともにリストします。うまくいけば、誰かが適切なバランスに何らかの光を当てることができれば、さらに悪い/良いことに、恐ろしい「あなたはそれを間違っている」と言って手を貸すことができます。 アプローチ1：バージョンA 単一&lt;h1&gt;：ページ固有のコンテンツにのみ見出しを使用します。 これにより、コンテンツ領域内で必要に応じて&lt;h1&gt;フロー&lt;h2-6&gt;しながら、ページ固有の見出しのトップレベルのナビゲーションとして残ります。残したまま&lt;header&gt;、&lt;nav&gt;と&lt;footer&gt;のように「無題」の要素を。 &lt;header&gt; &lt;nav&gt; &lt;!-- no headings --&gt; &lt;div role="main"&gt; &lt;h1&gt; &lt;section&gt; &lt;h2&gt; &lt;section&gt; &lt;h3&gt; &lt;footer&gt; &lt;!-- no headings --&gt; アプローチ1：バージョン2 複数&lt;h1&gt;：ページ固有のコンテンツのみに見出しを使用します。 1Aと同じですが、複数の等しく重要なページコンテンツトピックが追加されています。（例：ブログまたは分割トピックページで可能） &lt;header&gt; &lt;nav&gt; &lt;!-- no headings --&gt; &lt;div role="main"&gt; &lt;h1&gt; &lt;article&gt; &lt;h2&gt; &lt;article&gt; &lt;h1&gt; &lt;footer&gt; &lt;!-- no headings --&gt; アプローチ1の概要： SEOに最も論理的（私の研究からの私の意見） 無題のBODY 無題のNAV 主見出し セクション見出し サブセクションの見出し …
10 seo  html5  heading  h1 
3
製品のリストに複数のh2タグを使用しても安全ですか？
私はhtml5を使用しています。 私のストアに製品のリスト（132製品）があり、それらは現在ページ分割を使用して表示されており、各ページに10件の結果が表示されます。 すべての製品名は非常にキーワードが豊富で、ロングテールトラフィックをすべて取得したいのですが、ペナルティを課せずに（ヘッダータグを使用して）重要度をどのように割り当てますか？ たとえば&lt;h2&gt;、製品名に使用した場合（リンクではなくプレーンテキストのみ）、ボットには132個の&lt;h2&gt;タグが表示され、これが問題になると思います。 何か案は？
10 seo  html5 
4
HTML5セマンティクス-セクションの記事タイトルのH1またはH2
最も重要なタイトルを設定する方法として、ページの複数の領域でH1タグを使用することが意味的に適切であると考えることができるのは私の理解です（Dive into HTML5：http : //goo.gl/9zliDのこの章から）その特定のコンテンツのために。 この方法論を使用していて、「記事」のH1を割り当てたセクションがある場合、H1またはH2を使用してそのセクションの記事のタイトルを定義する必要がありますか？ 記事のタイトルは記事の最も重要な見出しであるだけでなく、SECTIONのタイトルの「子供」でもあるので、これは少し混乱します。 コード例： &lt;section class="article-list"&gt; &lt;header&gt; &lt;h1&gt;Articles&lt;/h1&gt; &lt;/header&gt; &lt;article&gt; &lt;header&gt; &lt;h2&gt;Article Title&lt;/h2&gt; &lt;time datetime="201-02-01"&gt;Today&lt;/time&gt; &lt;/header&gt; &lt;p&gt;Article text...&lt;/p&gt; &lt;/article&gt; &lt;article&gt; &lt;header&gt; &lt;h2&gt;Article Title&lt;/h2&gt; &lt;time datetime="2011-01-31"&gt;Yesterday&lt;/time&gt; &lt;/header&gt; &lt;p&gt;Article text...&lt;/p&gt; &lt;/article&gt; &lt;article&gt; &lt;header&gt; &lt;h2&gt;Article Title&lt;/h2&gt; &lt;time datetime="2011-01-30"&gt;The Day Before Yesterday&lt;/time&gt; &lt;/header&gt; &lt;p&gt;Article text...&lt;/p&gt; &lt;/article&gt; &lt;/section&gt;
3
画像ファイルのアップロード：クライアント側での圧縮はすでに可能ですか？
写真ファイルのアップロードを提供する場合、通常、ユーザーはカメラや電話からの圧縮率が低く、巨大な（10メガピクセルを超える）JPEGファイルを持っています。サーバー側では、これらのファイルは800x600pxやJPEG品質7または8などに再圧縮されます。 （すでに）クライアント側でその再圧縮を行うことは可能ですか？そのため、100KB（800x600px）を送信するだけで、3 MB以上を送信する必要はありません。何かのようなもの： （1）javascriptの新しいFileSystem API（http://slides.html5rocks.com/#filewriter）を使用すると、写真ファイルのデータをクライアント側のJSに読み込むことができます。 （2）次に、JPEGデータを再エンコードする必要がありますが、これは可能ですが、そのためのライブラリは（まだ）見つかりません。誰かがそのようなライブラリを知っていますか？ （3）最後のステップは、再圧縮されたJPEGデータをサーバー側にPOSTして保存し、サーバーから保存された写真ファイルへのURLを取得して、クライアントのHTMLに含めることです。 私はいくつかのjQueryプラグイン、他のJSライブラリ、またはこれを行うサンプルWebページを探しています。
1
OpenGraphタグとHTML5の妥当性
HTML5ベースのページがあり、そのドキュメントに従ってOpenGraphタグを埋め込みました。また、Facebook Debugで確認したところ、メタデータを解析できました。しかし、W3Cバリデーターを使用すると、OGタグがエラーとして報告されます。 Attribute content not allowed on element meta at this point. &lt;meta property="fb:admins" content="...." /&gt; Attribute content not allowed on element meta at this point. &lt;meta property="og:url" content="http://www...."&gt; それらはすべてにあり&lt;head&gt;ます。私のページも "有効な" HTML5およびOGタグである必要があります。どのようにしてそれを達成できるのかについてのヒントを教えてくれませんか。 UPDATE：nameバージョンも無効： &lt;meta name='fb:admins' content=''&gt;
2
HTML5タグを使用したブログページの最も意味的に正しい構造は何ですか？
私はしたいのですが完全に理解の究極の本質を&lt;aside&gt;、&lt;section&gt;、&lt;article&gt;。 HTML5タグを使用したブログページの最も適切で最も意味的に正しい構造は何ですか。 サイドバーを中に入れるべき&lt;aside&gt;ですか？または、これは&lt;section&gt;（&lt;aside&gt;広告、短い引用などに使用する必要がある）に属していますか？ 主な機能であるブログ投稿をどのように提示すればよいですか？&lt;article&gt;正しく使用するにはどうすればよいですか？ どのように記事タグをマークアップする必要がありますか？
9 blog  html5  markup 
8
誰でも良いHTML 5の本を推薦できますか？
ロックされています。この質問とトピックへの回答はロックされています。質問はトピックから外れていますが、歴史的に重要です。現在、新しい回答や相互作用を受け入れていません。 特にキャンバスについて。私はいくつかの良いものを探していました。
9 html5  html  books 
2
schema.orgのArticle構造化データでパブリッシャーを指定する方法は？
schema.org のArticleタイプを使用しようとしています： &lt;article itemscope itemtype="https://schema.org/Article"&gt; &lt;!-- ... --&gt; &lt;meta itemprop="publisher" content="MyCorp" /&gt; &lt;/article&gt; このHTMLをGoogleバリデーターで検証する場合、発行者のロゴを提供するように勧められます。上記のコードを変更してロゴのURLを含めるにはどうすればよいですか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.