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

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

9
だから今、Googleは私たちの残りの部分が従うことができるとき、古いブラウザにノーと言っていますか？
Google は最近、8月1日に古いブラウザをサポートしないことを発表しました。 このため、まもなくGoogle Appsは最新のブラウザのみをサポートします。8月1日から、Chrome、Firefox、Internet Explorer、Safariの現在および以前のメジャーリリースを順次サポートします。新しいバージョンがリリースされるたびに、アップデートのサポートを開始し、3番目に古いバージョンのサポートを停止します。 古いブラウザをサポートするために行われるコードのパッチングを見るほど悪いことはありません。私たち全員が標準のみのWeb（IE9をご覧になっています）に移行できるのであれば、優れたWebアプリのプログラミングにより多くの時間を費やすことができ、標準に準拠していないひどい古いブラウザーで平等に実行しようとする時間を減らすことができます。 では、古いブラウザをサポートしなくなったことをクライアントにいつ伝えることができるのでしょうか？大企業は引き続き古いブラウザーを実行しているようであり、Google Chromeフレームを管理者権限なしでインストールできる場合でも（間もなく、現在ベータ版になります）、すべてのユーザーがこれを行うように動機付けられるとは期待できません。 どんな考えでも感謝します。
5
ChromeはこのJavaScriptファイルの実行を拒否しました
私のHTMLページの先頭には、次のものがあります。 <script src="https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.js"></script> ブラウザ（Google Chrome v 27.0.1453.116）でページをロードし、開発者ツールを有効にすると、次のように表示されます。 ' https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.js ' からのスクリプトの実行を拒否しました。MIMEタイプ（ 'text / plain'）が実行可能でないため、厳密なMIMEタイプのチェックが有効になっています。 実際、スクリプトは実行されません。なぜChromeはこれがプレーンテキストファイルであると考えるのですか？明らかに.jsファイル拡張子が付いています。 私はHTML5を使用しているtypeため、属性を省略したため、それが問題の原因であると考えました。そこでtype="text/javascript"、<script>タグに追加し、同じ結果を得ました。私も試しましたがtype="application/javascript"、それでも同じエラーが発生しました。 それから私はそれをtype="text/plain"好奇心からだけに変えてみました。ブラウザはエラーを返しませんでしたが、もちろんJavaScriptも実行されませんでした。 最後に、ファイル名のピリオドがブラウザを無効にしている可能性があると考えました。したがって、私のHTMLコードでは、すべてのピリオドをURLエスケープ文字に変更しました%2E。 <script src="https://raw.github.com/cloudhead/less%2Ejs/master/dist/less-1%2E3%2E3.js"></script> これはまだ機能しませんでした。本当に機能するのは（ブラウザがエラーを出さず、JSが正常に実行される）唯一のことは、ファイルをダウンロードしてローカルディレクトリにアップロードし、src値をローカルファイルに変更することです。私は自分のウェブサイトのスペースを節約しようとしているので、これをやめたいです。 リンクされたファイルが実際にJavaScriptタイプであることをChromeに認識させるにはどうすればよいですか？
3
HTML 5のSEOルールは何ですか？
HTML 5のSEOに関するエンゲージメントのルールは何ですか？ 結論を出さずに検討してきたことの例： <head>タグと<body>タグを使用しないと罰せられますか？ <nav>ブロック内のリンクは、次の優先順位が付けられますか？ <aside>（bsideなし）、<section>、<summary>、および<details>でコンテンツの重みが最も大きいもの、1行の説明、キーワードタグは検索エンジンに影響しますか？ CSSを使用して、上部に<footer>要素を配置し、下部に<header>要素を配置する場合（そうではありませんが、不完全なスパイダー実装によって解釈される場合があります）？ <input>でのプレースホルダー属性の使用は、ユーザーにより焦点を当てていることを示していますか？ 現時点では、タグの使用に関してロバのコンテンツを無計画に固定していますが、SEOに関して使用する「正しい」タグについての洞察を誰かが持っているかどうかを知ることは興味深いでしょう。
29 seo  html5  markup 
10
HTML5 / CSS3の新機能は何ですか？
私はこのサイトとこのサイトを見てきましたが、それは消化することがたくさんあります。HTML5について、通常の古い（X）HTML / CSSとは異なる/より優れている主なものは何ですか？
23 html5  css3  css  xhtml  html 
2
Schema.orgを使用したブログ：記事VS BlogPosting
私は今しばらくウェブサイトを作り直しており、できるだけ早くそれを立ち上げたいと思っていますが、可能であれば最先端にしたいと思います。現在、変更されたテンプレートを使用しています（テンプレートを使用するWebデザイナーtut tutを使用しています...長い話は短いですが、1週間でライブWebサイトを取得し、ビジネス助成金のビジネスプランを作成し、営業して以来、過去2か月までフラットになり、その寒さ！続けて！ デザインは重要ですが、マークアップの使用にも強い関心を持ちたいと思いますが、私が直面している問題はSchema.orgがSOOOO VAGUEであるということです！それは絶対に私の脳を破壊しています。 質問はかなり単純ですが、同時にかなり複雑であり、どれを最もよく考えますか： itemtype = "http://schema.org/Article" itemtype = "http://schema.org/BlogPosting" 既にいくつかの研究を行ったことに言及する価値があります。おそらく、Schema.org以外の定義によるブログ投稿と記事の違いは、ブログ投稿は一般に50ワードから400ワードまでの傾向があることです。より詳細で、500ワード以上含まれています。しかし、Schema.orgを見ると、彼らは記事を雑誌や新聞に関連付けています。確かにこれは正しくありません。 また、カテゴリを「キーワード」スキーマとして使用するのは良い考えですか、悪い考えですか？ これは私の現在のマークアップであり、私はおそらくの悪い習慣を指摘し、現在のマークアップを改善する上の任意の追加的な批判やアドバイスを歓迎<p>加えて、あなたがオンラインで表示することができ、ここでは、どのようにGoogleはこれを見てここに。 <article itemscope itemtype="http://schema.org/Article"> <header> <hgroup> <h1 itemprop="name"><a rel="bookmark" title="Why all of your website designs should be responsive" href="#just-a-test3">Why all of your website designs should be responsive</a></h1> <h6>Publish Date: <span itemprop="datePublished">2013-01-25</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6> </hgroup> …
5
<h1>の過剰使用は悪かったのですが、今ではHTML5で？
使いすぎると&lt;h1&gt;最適化のペナルティにつながる可能性がありますが、HTML5では&lt;h1&gt;同じページ（ネストされたセクション内）で複数を使用できるようになりました。 &lt;h1&gt;タイトルのみを含むページでGoogleは何をしますか？
22 html5  seo 
3
HTMLドキュメントの本文で<link>タグを使用できますか？
&lt;link&gt;HTMLページの本文でタグを使用できますか？この質問に対する答えを見つけようとしましたが、矛盾した情報が見つかりました。 Schema.org microdataマークアップをHTMLページに追加するとき、次のようなリンクタグに標準的な情報を追加します。 &lt;div itemscope itemtype="http://schema.org/Book"&gt; &lt;span itemprop="name"&gt;The Catcher in the Rye&lt;/span&gt;— &lt;link itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" /&gt; by &lt;span itemprop="author"&gt;J.D. Salinger&lt;/span&gt; &lt;/div&gt; Schema.orgから上記のサンプルコードを取得しました。彼らによると、これはitempropに標準的な参照を追加したいが、ウェブサイトにハイパーリンクを配置したくない人のために行く方法です。 ただし、W3では、&lt;link&gt;タグはheadセクション内にのみ配置する必要があるため、Schema.orgの例を無効にしていることが明確に示されています。 正しいマークアップに固執したい場合、どのアドバイスに従うべきですか？
20 seo  html  html5  microdata 
4
単一言語Webサイトの自己参照hreflang属性？
I追加するには、SEO会社が言われてきたhreflang（すなわち。「自己参照」タグ）単一言語のウェブサイトですべてのページに属性を、私はHREFLANGタグについて読んだすべて、Googleのテイクを含む、ことを示唆しています多言語のWebサイトでのみ本当に役立ちます。これを追加すると、この特定のサイトでは膨大な作業が必要になり、潜在的なメリット（または、そのようなことを誰もがベストプラクティスと見なす兆候さえ）を実際に見ることはできません。 このGoogle Webmasterブログ投稿では、自己参照 hreflang属性の使用を推奨していますが、これは複数言語のWebサイトに関連する場合のみです。 「URLに複数の言語バージョンがある場合、各言語ページはそれ自体を含むすべての言語バージョンを識別する必要があります。たとえば、サイトがフランス語、英語、スペイン語のコンテンツを提供する場合、スペイン語バージョンはrel = "alternate"フランス語版と英語版へのリンクに加えて、hreflang = "x"リンク。同様に、英語版とフランス語版には、それぞれフランス語版、英語版、スペイン語版への同じ参照を含める必要があります。 そのようなタグを単一の言語に追加することでSEOのメリットはありますか Webサイトか？ たとえば、次のような単一のインスタンスです。 &lt;link hreflang="en" href="http://www.example.com" rel="alternate"&gt; ...ドキュメントへ &lt;head&gt;？ （これは要素の必須属性に追加されることに注意してください。）lang="en"&lt;html&gt;
19 seo  google  html  html5  meta-tags 
8
技術的なウェブサイト-訪問者が最新のブラウザを使用すると想定すべきですか？
技術ブログを含む独自のWebサイトを作成中です。HTML5やCSS3などの最新のテクノロジーを使用してWebサイトを構築したい。 私のウェブサイトはプログラマーとほとんどの技術に精通したユーザーをターゲットにしているので、これらの人々が最新のブラウザーを使用することを当然と考えるべきでしょうか？または、念のためにサイトを古いブラウザと互換性を持たせる必要がありますか？ 使用しないと思われるブラウザと互換性を持つように自分のWebサイトを調整する苦労をしたくありません。 更新：私はこれまでに答えを読みましたが、質問に関する重要な詳細を見逃したようです。明確でない場合は、サイトの性質を考慮して回答に集中してください。 私のウェブサイトはプログラマーとほとんどの技術に精通したユーザーをターゲットにしています これを考慮して、これらの人々が最新のブラウザを使用していることを当然と見なすべきですか？
3
名前属性は廃止されました。アンカーを扱うときの正しい動作は何ですか？
w3 html5バリデーターを使用してコードをテストすると、次の警告メッセージが表示されます。 警告：name属性は廃止されました。id代わりに、最も近いコンテナに属性を配置することを検討してください。 質問： 最も近いコンテナとはどういう意味ですか？ 空は&lt;a&gt;現在廃止されていますか？ id代わりに使用する必要がありnameますか？
3
HTML5 Webサイトで<title>、<header>、<h1>、および<h2>を適切に使用していますか？
私は数日間このテーマを研究してきましたが、検索インデックス作成に関して多くの矛盾する提案を見つけました。私は、単純な製品の説明から詳細なユーザードキュメントまで、さまざまなページを含むプロジェクトに取り組んでいます。 この質問を今後の読者にとってより役立つと思うので、この質問をいくつかのセクションに分けました。 私の発見のいくつか いくつかのWebサイトでは、次のようなドキュメントの概要を想定しているようです。 1. Programmer's Guide (https://www.dartlang.org/docs/) 1. Getting Started 2. Concepts 1. Libraries 2. Fundamental classes etc. 上記の例が&lt;nav&gt;適切な見出しの要素を利用していないことは興味深いと思います。私はアウトラインのシンプルさとGoogleであることが好きで、これに関しては彼らが何をしているのか知っていると確信しています。 しかし、上記の概要では「ダーツ」について言及していないため、私は混乱しています。セマンティックな意味での「Dart」の唯一の言及は、「&lt;title&gt;Programmer's Guide | Dart：Structured web apps」という主要なドキュメント要素内にあるようです。 MDN（Mozilla Developer Network）は、この原則に従うWebサイトのもう1つの素晴らしい例です。&lt;h1&gt;タイトルの多くは完全なコンテキストを提供します（HTML5ドキュメントのセクションとアウトライン）： 1. Sections and Outlines of an HTML5 Document 1. Untitled Section (nav) 2. Untitled Section (nav) 3. Structure of a Document …
8
HTML5を整頓/インデントできるツールはどれですか？[閉まっている]
閉まっている。この質問はトピック外です。現在、回答を受け付けていません。 この質問を改善したいですか？ 質問を更新して、 Webmasters Stack Exchangeで話題になるようにします。 5年前に閉鎖されました。 Googleを検索してさまざまなツールを試してから約2時間を費やしましたが、たとえば、インデントタグをインデントしないか、3年前に最後に更新された有名なHTML整頓などのHTML5互換性がありません... NBこれをページのソース（PHPやJSのように）に適用するのではなく、エディターのコードに適用して、タグ間に明確な階層が表示されるようにします。 理想的には、Mac OS Xツールが欲しいのですが、オンラインツールを使い、最後にWine互換のツールを使います。 PS私はパニックのCodaを使用しています
13 html5  code 
3
microdataはメタタグに実装できますか？
microdataを提供する属性でマークアップされた次のコードを検討してください。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Micro data test - Normal version&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div itemscope itemtype="http://schema.org/Product"&gt; &lt;h1 itemprop="name"&gt;Product name&lt;/h1&gt; &lt;img alt="" itemprop="image" src="http://placehold.it/200x200" /&gt; &lt;div itemprop="description"&gt;This is the product description.&lt;/div&gt; &lt;div itemprop="offers" itemscope itemtype="http://schema.org/Offer"&gt; &lt;meta content="in_stock" itemprop="availability" /&gt; &lt;span content="GBP" itemprop="priceCurrency"&gt;£&lt;/span&gt;&lt;span itemprop="price"&gt;100.00&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; Googleの構造化データテストツールを使用すると、肯定的な結果が得られます。 テスト例ではこれで問題ありませんが、HTML構造が大きく異なるさまざまなサイトにmicrodataを実装する必要があります。この方法で属性を実装するには、誰かが各サイトのHTMLマークアップを個別に手動で編集する必要があります。 できれば、すべてのmicrodataを1か所にパッケージ化する単一の関数を呼び出したいと考えています。技術的には、これは次の方法でメタタグを使用することで可能です。 &lt;!DOCTYPE …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.