(1)HTML5-结构化元素

原创 2016年08月28日 20:57:04


在HTML5以下的版本,所有的区块都是使用div标签来进行网页分区与排版的,但是其实开发人员在设计的时候,本身就会给不同的区块取上特别的专有名词来区别,例如“导航栏”,“标题”,“脚注”等。但回到HTML时,全部都回归到只剩<div>标签了。

因此在HTML5中更正了这个怪异现象,新增加了多种网页元素常用的“结构化元素”,包括<nav>-包含浏览链接的区段(导航栏),<header>-包含浏览标题的区段(公司形象横幅),<article>-包含独立内容的区段,例如文章或贴文(活动公告,服务介绍),<section>-页面一般区段(活动公告,服务介绍),<aside>-与主要页面内容略微相关的内容,例如侧边栏(其它链接),<footer>-页面的页尾区段(版权声明)

这样规划好每一个区段所要使用的结构化标签后,就可以套入网页程序代码中了。


版权声明:本文为博主原创文章,转载必须声明出处,thank。

【HTML学习】新的结构化元素

3.4 标题:、、~以及 :用于分节元素的内容介绍和导航。 :用于表现内容的附加信息。像一样,它也不能再包含和元素。 :这是的一种特殊形式,它只能包含~元素,用于对带有副标题的标题进行组合。 ...

HTML5语义化元素

在HTML 5对HTML 4所做的各种修改中,一个比较重大的修改就是为了使文档结构更加清晰明确,容易阅读,增加了许多新的结构元素。 页眉 主要用于页面的头部的信息介绍,也可用于板块头部...

四,细说 HTML5 之 新增的非主题结构元素

这是一个HTML5系列,主要是零基础的宝宝们快速认识与学习HTML5. 下面给大家介绍一些常用的非主题结构元素。非主题结构元素:header定义和用法 header...

【HTML5】新增的主体结构元素

1、article元素 标签定义外部的内容。 外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。 Saf...

HTML5 使用结构元素进行网页布局

使用结构元素进行网页布局 .main{ width: 1000px; margin: 40px auto; } .main nav{ width: 1000px; h...
  • LQSLM
  • LQSLM
  • 2017年03月07日 17:55
  • 232

HTML5新增的主体结构元素

1.article元素 article元素代表文档,页面或应用程序中独立的,完整的,可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户评论或独立的插件,或其他任何独立的...

HTML5 新增结构标签(元素)

本着学习并记录的态度,把看过的记录记录,为自己回顾用,和新人踩坑用。 注意:h5新标签用兼容性问题,不过现代浏览器基本可以不用考虑这个兼容性了。 HTML5新增主结构元素和非主结构元素...

HTML5主体结构元素

HTML 5的出现,对于WEB来说意义非常重大,因为他的意图是想把Web上存在的问题解决掉,HTML5不同于HTML4,新增了一些重要的主体结构元素。...

HTML5之结构元素

1:文档结构元素       1.1 文章语义 --  article、header和footer元素           article元素在页面中用来表示结构完整且独立的内容部分,如论坛的一个...

HTML5结构元素

article元素 article元素“在文档,页面,应用或是站点上的一个独立部分,并且大体上,是可独立分配,或是重复使用的,例如在发布时。这个可以是论坛帖子,杂志或是新闻,博客条目,用户提交的评论...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:(1)HTML5-结构化元素
举报原因:
原因补充:

(最多只允许输入30个字)