HTML5 セマンティック要素

セマンティック要素の紹介

HTML5 標準では、種類ごとに分けると、ページ構造、テキスト コンテンツ、フォームなど、多くの新しいセマンティック要素が追加されています。

そしてここでは主にページ構造の新しい要素を紹介します。

セマンティック要素とは

簡単に言うと、セマンティック要素とは要素(タグ)に何らかの意味を与えることであり、要素の名前はその要素が表現したい意味です。

たとえば、

はヘッダーを意味し、
はフッターを意味します。

特徴:

①保守が簡単: セマンティック要素を使用すると、より明確なページ構造情報が得られ、後でページを保守しやすくなります。コードを再度確認する必要はありません。div を見つけてから、特定の ClassName を見つけます。

②アクセシビリティ: スクリーン リーダーやその他のアクセシビリティ ツールを支援します。

③ 検索エンジンの最適化に適しています: 検索ロボットは、HTML5 のいくつかのセマンティック要素をチェックした後、インデックスを作成したページに関する情報を収集できます。

HTML5 セマンティック要素

: Web ページまたは記事のヘッダー領域を定義します。ロゴ、ナビゲーション、検索バーなどを含めることができます。

<記事>

<ヘッダー>

Internet Explorer 9

Windows Internet Explorer 9 (略称 IE9) は、2011 年 3 月 14 日 21:00 にリリースされました

ブラウザの最小バージョン: IE 9、Chrome 5


使用方法:
①Webページのヘッダーをマークするために使用される場合、ロゴ、ナビゲーション、検索バーなどの情報を含めることができます。
②コンテンツのタイトルをマークするために使用する場合、タイトルに他の情報が含まれる場合にのみ、

を使用してタイトルをマークします。

: Web ページのメインコンテンツを定義します。

ブラウザの最小バージョン: IE はサポートされていません、Chrome 35

: Web ページまたは記事のフッター領域を定義します。著作権、ファイリング、その他のコンテンツを含めることができます。

<フッター>

投稿者: Hege Refsnes

ブラウザの最小バージョン: IE 9、Chrome 5


使用方法:
①Webページのフッターとして使用する場合、通常、Webサイトの著作権、法的制限、リンクなどが含まれます。
②記事のフッターとして使用される場合、通常、著者に関する情報が含まれます。

ブラウザの最小バージョン: IE 9、Chrome 5



使用説明:

①ページには、ページナビゲーションや関連記事のおすすめなど、複数の

学び続ける
||
php.cn

HTML5为什么火

以往,我们在Web上还只是上网看一些基础文档,但现在,Web是一个内涵非常丰富的平台。 和以前版本不同的是,HTML5并非仅仅用来表示Web内容,在这个平台上还能非常方便的加入视频、音频、图象、动画,以及同电脑的交互。
HTML5的意义在于它带来了一个无缝的网络,无论是PC、平板电脑,还是智能手机都能很方便的浏览基于HTML5的各类网站。

对用户来说好处在于,我们手机上的App也会越来越少,用H5实现的游戏,不需要下载后安装, 就能立即在手机界面中生成一个APP图标,使用手机中的浏览器来运行,新增的导航标签也能更好的帮助小屏幕设备和视力障人士的使用。 H5拥有服务器推送技术,能让用户拥有更好的网页上的实时聊天,更快的网游体验。

私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!