jre是否支持html5,html5的结构

目录

一、新增的主体结构元素

1.1、article元素

1.2、section元素

1.3、nav元素

1.4、aside元素

1.5、time元素

1.6、pubdate元素

二、新增的非主体结构元素

2.1、header元素

2.2、footer元素

2.3、address元素

2.4、main元素

三、HTML5中网页结构

3.1、HTML5中的大纲

3.2、大纲中的编排规则

3.3、对新的结构元素使用样式

一、新增的主体结构元素

1.1、article元素

article元素:代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。

特点：1)通常有自己的标题，有时还有自己的脚注

`　　　　　　　　　2)可以进行嵌套，内容的内层与外层内容相关联

1.2、section元素

section元素：对页面上的内容进行分块，或者说对文章进行分段

特点：1)通常由内容及其标题组成

2)不推荐没有标题的内容使用section元素

3)强调分块，article强调独立性

禁忌：1)不要将section元素用作设置样式的页面容器，用div代替

2)如果article元素、aside元素或者nav元素更符合状况，不要使用section元素。

3)不要为没有标题的内容使用section元素

1.3、nav元素

nav 元素：用来作为页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分

特点：1)一个页面可以有多个nav 元素

用的场合：1)传统导航条

2)侧边栏导航

3)页内导航

4)翻页操作

1.4、aside元素

aside元素：用来表示当前页面或文章的附属信息部分，可以包含侧边栏、广告、导航条，以及其他类似的有别于主要内容的部分

用法：1)包含在article元素中作为主要内容的附属信息部分

2)在article元素之外使用，作为页面或站点全局的附属信息部分。最典型的形式是侧边栏

1.5、time元素

time元素：无歧义地、明确地对机器编码日期和时间，并且以让人读的方式来展现。

我的生日

1.6、pubdate元素

pubdate元素：可选的boolean值得属性，代表time元素代表文章或整个网页的发布日期。

二、新增的非主体结构元素

2.1、header元素

header元素：具有引导和导航作用的结构元素，通常来防止整个页面或页面内的一个区块的标题

特点：1)通常至少包括1个heading元素，还可以包括hgroup，nav元素

2)一个页面可以包括多个header元素

2.2、footer元素

footer元素：可以为其上层伏击区块或一个根区块的脚注。

特点：1)通常包括其相关区块的脚注信息，如作者、相关阅读链接以及版权信息

`　　　　　　　　　　　  2)一个页面可以包括多个footer元素

2.3、address元素

address元素：用来在文档中呈现联系信息，包括作者的名字，电子邮件等

2.4、main元素

main元素：表示网页中的主要内容。

特点：1)一个页面只能有一个main元素

2)不能将main元素放在任何article、aside、footer、header和nav元素内部

3)不对页面内容进行分区或或分块，不会对下文要描述的网页大纲产生任何影响

三、HTML5中网页结构

3.1、HTML5中的大纲

3.2、大纲中的编排规则

3.2.1、显示编排内容区块

明确使用section等元素创建文档结构，在每个内容区块使用标题元素。

3.2.2、隐式编排内容区块

不指明使用section等元素，而是根据页面中所书写的各级标题等自动创建内容区块。

3.2.3、标题分级

h1级别最高，h6级别最低

隐式编排规则：1)如果新出现的标题比上一个标题级别低，生成下级内容区块

2)如果新出现的标题比上一个标题级别高或者相等，生成新的内容区块

3.2.4不同的内容区块可以使用相同级别的标题

3.3、对新的结构元素使用样式

HTML5新增结构标签

引言 在本节中,笔者将向大家讲述三部分内容,分别介绍HTML5时代的召唤,跟HTML4的区别,以及HTML5中带来的新的结构标签. HTML5时代的召唤 HTML4与HTML5的区别 HTML5新结构 ...

HTML5新结构标签和移动端页面布局

--------------------HTML5新结构标签--------------------1.h5新增的主要语义化标签如下: 1.header 页面头部.页眉 2.nav 页面导航 3.ar ...

html5新结构标签

html5新结构标签   定义 section 或 page 的页眉,也就是定义头部的标签. 定义 section 或 page 的页脚. & ...

html5页面结构

我是html5初学者,最近闲来无事,和各位一起学些下html5. 开发环境 jdk1.6,tomcat6,开发工具eclipse. 新建一个web工程,创建一个index.jsp页面.页面代码如下. ...

HTML5之结构元素

1:文档结构元素 1.1 文章语义 --  article.header和footer元素 article元素在页面中用来表示结构完整且独立的内容部分,如论坛的一个帖子,杂志或者报纸的一篇文章. ar ...

HTML5的结构学习(3) --- 综合运用

前面学习了HTML5新增的主体结构元素和新增的非主体结构元素, 而这里我们来学习如何去综合的运用这些新增元素. 1.大纲 HMTL5元素的关键就是将显示内容和便签类型紧密相关,提高了代码的语义化和可读 ...

HTML5的结构学习(2) --- 新增的非主体结构元素

除了上一篇学习到的主体结构元素之外,html5还增加了一些表示逻辑结构和附加信息的非主体结构元素: 1.header 解释:一种具有引导和导航作用的结构元素. 用途:通常用来放置整个页面或者页面内某一 ...

html5的结构标记与内联元素

标签定义外部的内容(结构元素)标签定义文档中的节(section,区段).比如章节,页眉,页脚或文档中的其他部分(结构元素)

HTML5的结构学习(1) --- 新增的主体结构元素

1.article 元素 解释:代表文档.页面和应用程序中独立的.完整的.可以被独自引用的内容. 主要用途:博客中的文章.评论,贴吧中的帖子,或者独立的插件等. article中可以包含多种元素例 ...

随机推荐

【小白的CFD之旅】14 实例反思

小白将敲门实例认真做了三遍,终于可以脱离文档直接将实例从头到尾的完成了.不过在做实例的过程中,小白 还是发现了不少的问题. 这些问题包括: 实例是从导入网格文件开始的,这网格是什么鬼? 在Models ...

(转)ACM next_permutation函数

转自 stven_king的博客 这是一个求一个排序的下一个排列的函数,可以遍历全排列,要包含头文件下面是以前的笔记  (1) int 类型的next_permuta ...

Pseudo-elements ::before, ::after 範例

xhtml 700 css .amount::before {content:"$ ...

codeforces 624A Save Luke(水题)

A. Save Luke time limit per test 1 second memory limit per test 256 megabytes input standard input o ...

利用VS2005进行dump文件调试

前言:利用drwtsn32或NTSD进行程序崩溃处理,都可以生成可用于调试的dmp格式文件.使用VS2005打开生成的DMP文件,能很方便的找出BUG所在位置.本文将讨论以下内容: 1.  程序编译选 ...

Android打开系统设置

今天在做项目过程中,遇到一个问题:用户体验某个功能时需要查看用户是否已经打开了GPS定位服务,若没有则要求进入定位服务设置界面. 下面就直接贴出代码 以下代码是放在了Button的监听事件里,只贴出重 ...

Java基础语法<一> 数据类型&运算符

1 数据类型   1.1 整型 类型 存储需求 取值范围 int 4字节 -21 4748 3648 – 21 4748 3647 232 short 2字节 -32768-32767 216 lon ...

infolite(中文检索系统)~爬虫利器

infolite 今天为大家分享一个爬虫利器-infolite.这是一个chrome浏览器的插件,如果你在写爬虫的时候对复杂繁琐的控件路径分析是深恶痛绝.那么infolite绝对是你最好的选择. 安装 ...

[SDOI2010]捉迷藏

嘟嘟嘟 k-d tree板儿题. 建完树后对每一个点求一遍最小和最大曼哈顿距离,是曼哈顿,不是欧几里得. #include #include ...

Unsupported major.minor version ... JDK具体对应版本

java.lang.UnsupportedClassVersionError: hudson/remoting/Launcher : Unsupported major.minor version 5 ...