HTML5 セマンティック要素

セマンティック = 意味。

セマンティック要素 = 要素の意味。

セマンティック要素とは何ですか?

セマンティック要素は、ブラウザーや開発者に対してその意味を明確に説明できます。

セマンティック要素の例:

と - コンテンツを考慮する必要はありません。

セマンティック要素の例:

、 - コンテンツを明確に定義します。

非セマンティック要素の例:

および - コンテンツを考慮する必要はありません。

セマンティック要素の例: 、 - 明確に定義されたコンテンツ。

は、ドキュメントのタイトルを定義する典型的なセマンティックタグです。<br></p>HTML5 の新しいセマンティック要素 <p>多くの既存の Web サイトには、次の HTML コードが含まれています: <div id="nav"> class="header"> または <div id="footer"> は、ナビゲーションリンク、ヘッダー、およびフッターを示します。<br><br>HTML5 では、Web ページの違いを明確にするための新しいセマンティック要素が提供されています。セクション:<br>< header><br></p> <nav> <br> <section> <br> <article> <br> <aside> <br> <figcaption> <br> <figure> <br> <footer> <br> <p></p>HTML5 <section> 要素 <p></p> <セクション> ; タグはドキュメント内のセクション (セクション、セクション) を定義します。章、ヘッダー、フッター、文書のその他の部分など。 <p></p>W3C HTML5 ドキュメントによると、セクションには一連のコンテンツとそのタイトルが含まれます。 <p></p> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

沁园春雪

北国风光，千里冰封，万里雪飘。望长城内外，惟余茫茫。大河上下，顿失滔滔。山舞银蛇，原驰蜡象。欲与天公誓比高。须睛日，看红装素裹，分外妖娆。江山如此多娇，引无数英雄竞折腰。昔秦皇汉武，略疏文采；唐宗宋祖，稍逊风骚。一代天骄，成吉思汗，只识弯弓射大雕。俱往矣，数风流人物，还看今朝。

我爱这土地

假如我是一只鸟，我也应该用嘶哑的喉咙歌唱：这被暴风雨所打击着的土地，这永远汹涌着我们的悲愤的河流，这无止息地吹刮着的激怒的风，和那来自林间的无比温柔的黎明

HTML5

要素

は独立したコンテンツを定義します。 .

要素の使用例:

フォーラムの投稿

ブログの投稿

    php中文网(php.cn) 
   Internet Explorer 9
  Windows Internet Explorer 9(缩写为 IE9 )在2011年3月14日21:00 发布。

HTML5

要素

タグはナビゲーションリンクの部分を定義します。

要素は、ページのナビゲーションリンクセクションを定義するために使用されます。ただし、すべてのリンクを

HTML5

要素に含める必要はありません。

; タグは、ページのメイン領域外のコンテンツ (サイドバーなど) を定義します。

aside タグの内容は、

HTML5 の

要素

要素の先頭領域を記述します。 note は、コンテンツの表示領域の導入を定義するために使用されます。

HTML5 の

要素は、ページの下部領域を記述します。ドキュメント。

要素を含む必要があります

フッターには通常、ドキュメントの作成者、著作権情報、リンクの使用条件、連絡先情報などが含まれます。

複数の < を使用できます。ドキュメント内の footer> 要素

HTML5

要素

学び続ける

新しいファイル

语义元素

头部

表示一个段落：用于区域的章节表述

表示文章的主体内容

表示一段代码 一定范围的数值进度条

一段具体内容通过某个方法显示

用来控制客户端数据显示动态交互菜单命名

HTML head 头部分的标签

2015年12月12日

HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需求的head 头标签，是本文的目的。本篇以一丝的文章为基础，进行扩展总结介绍常用的head中各个标签、元素的意义以及使用场景。