ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 セマンティックタグ導入の概要

HTML5 セマンティックタグ導入の概要

零下一度
零下一度オリジナル
2017-06-14 14:16:131714ブラウズ

HTML5 の新しいセマンティック タグには多くの利点がありますが、古いバージョンの IE ブラウザでは依然として互換性の問題があり、新しいタグを大胆に使用するべきでしょうか、それともコンテンツを意味するラベルを持たない従来の多数の DIV を使用するべきなのでしょうか。 ?今日は、H5 の新しいタグの互換性について簡単に説明します。まず、簡単なコードの一部を見てみましょう。 HTML コード: <メタ文字セット="UTF-8"> H5 の新しいタグの互換性をテストします ​ &nb

1. 新しい HTML5 タグの互換性処理の詳細な紹介 (画像)

HTML5 セマンティックタグ導入の概要

はじめに: HTML5 の新しいセマンティック タグには多くの利点がありますが、古いタグでは使用されません。 IE のバージョンにはまだ互換性の問題があり、人々を悩ませることがよくありますが、大胆に新しいタグを使用するべきでしょうか、それとも従来の意味のない DIV タグを多数使用すべきでしょうか。今日は、H5 の新しいタグの互換性について簡単に説明します。

2. HTML5 セマンティック タグの紹介

HTML5 セマンティックタグ導入の概要

はじめに: HTML5 標準では、ページ セマンティックを追加するためにいくつかの新しいタグが追加されています。これらのタグは、article、section、nav、side などです。 。他のほとんどのタグとは異なり、ブラウザはこれらのタグを解釈およびレンダリングするときに、追加のプレゼンテーション ロジックを追加せずに、通常の div ブロック レベルの要素として扱うだけです。つまり、これらのタグはセマンティクスを追加するためにのみ使用されます。 Web 開発者の場合は、次のタグを使用してください

3. HTML5 セマンティック タグの実践について (ブログ ページ)

HTML5 セマンティックタグ導入の概要

はじめに: HTML5+CSS3 を使用してブログ ページをモデル化します。全体的な効果のレイアウトは次のとおりです。 ページ レイアウトは html5 要素に基づいています。したがって、始める前に HTML5 要素についてよく理解し、そのセマンティクスがレイアウトに適合するかどうかを確認することが重要です。 HTML5 の構造 HTML5 コードを記述するときは、単に

タグを
でマークしないでください。 はじめに: セマンティック タグで注意すべきいくつかの問題があります。セマンティック タグ div および span を可能な限り使用します。 2. b、font、u などの純粋なスタイル タグを使用せず、代わりに CSS 設定を使用します。意味的に強調する必要があるテキストは、strong タグまたは em タグ内に含めることができます。 ...、。

5. jQuery 学習メモ jQuery オブジェクトの操作 属性処理_jquery

はじめに: HTML ドキュメントには、一連のセマンティック タグがあるだけでなく、各タグの下に一連の属性ノードもあります。当然、これらの属性ノードも操作したいと考えます。形式は引き続き $(selector) です。 6.

マークアップ言語 - フレーズ要素_HTML/Xhtml_Web ページの作成

概要: Web の HTML チュートリアルのコラムに戻るには、ここをクリックしてください。ティーチングネットワーク .上: マークアップ言語 - フォームの原文のソース 第 6 章 およびその他のフレーズ要素 序文と前の章で、タグを使用してファイルの意味を識別するセマンティック タグの概念について少し触れました。単にタグで表示効果を設定するのではなく、

[関連Q&Aの推奨事項]:

HTML5で追加されたセマンティックタグ(要素)の意味は何ですか?

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。