东莞网络推广网站,怎么做北京pk10的网站,网站空间指的是什么意思,wordpress乐趣公园缩略图不显示html5 contenteditabletrue html5内容可编辑属性 html5 hgroup hgroup字面意思是头部的组#xff0c;可以将其分拆为h和group来理解。在html5中的作用是用于对网页和区块的标题进行组合。#xff08;网页是一个最大的区块#xff0c;所以可以认为hgroup是区块的…html5 contenteditabletrue html5内容可编辑属性 html5 hgroup hgroup字面意思是头部的组可以将其分拆为h和group来理解。在html5中的作用是用于对网页和区块的标题进行组合。网页是一个最大的区块所以可以认为hgroup是区块的标题的组合前面的文章有提到header元素貌似这个元素跟hgroup有非常相似的功能那么它们之间有什么不同呢继续从hgroup的定义来看它是对“标题的组合html中的标题有h1,h2,h3,h4,h5,h6。hgroup只能是对这六种h的组合不能包含其他元素这就是跟header的区别header可以包含其他元素而且header可以包含hgroup。下面是hgroup的一些示例 情景一 ? 1 2 3 4 5 6 7 8 9 10 !doctype html titlehtml5 hgroup 示例一 html5zhan.com/title section hgroup h1我爱我母亲/h1 h2给全世界母亲的一封信/h2 /hgroup p又到了5月的第二个星期天...../p /section 情景二 ? 1 2 3 4 5 6 7 8 9 10 11 12 !doctype html titlehtml5 hgroup 示例二 html5zhan.com/title section header hgroup h1我爱我母亲/h1 h2给全世界母亲的一封信/h2 /hgroup p添加时间2012-5-10/p /header p又到了5月的第二个星期天...../p /section 注 除非有两个或者以上的h标签否则请不要使用hgroup。 html5 section section 字面上理解为“块”“部分”。在html5网页中表现的意思跟字面理解差不多即部分块模块主要作用为对页面的内容进行分块或者对文章的内容进行分段。 页面分块示例 可直接查看html5zhan.com的首页主要由六部分组成html5新元素html5新apihtml5最新动态html5文章导航html5最新文章以及html5作品。这些内容彼此都是一个独立的模块这个时候就可以使用section包裹他们。 文章分段示例 这里直接给出一个介绍文章分段的代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 !doctype html article h1Web编程语言比较/h1 pweb编程语言常用的有asp,asp.net,php,jsp.../p section h2asp/h2 pasp全称Active Server Page/p /section section h2asp.net/h2 pasp的颠覆版本/p /section section h2php/h2 p草根动态语言免费强大/p /section /article article与section的异同 section和article可以互相嵌套也就是说他们没有上下级关系section可以包含articlearticle也可以包含section。感觉上使用都差不多都可以有h1,h2,h3,都有一个主体那应该怎么来区分它们的不同其实很简单只要从字面上理解它们就可以足够了1、article是文章文章就是一段完整的独立的内容。2、section就是块某种意义上可以理解为div但是比div的意思更加明确一点。 section和div的异同 1、section和div都可以对内容进行分块但是section是进行有意义的分块无意义的分块应该由div来做例如用作设置样式的页面容器。2、section内部必须有标题标题也代表了section的意义所在。 其他说明 1、section做为块理论上可以用于很多地方例如一个同字型的网页可以用于包裹两边的内容但是实际上html5中定义了更加有意义的aside标记完全可以用aside来替代section因此在使用的时候应尽量使用更有意义的标记。2、html5与css3权威指南中提到一个检查轮廓的工具这里提供一下http://gsnedders.html5.org/outliner/ html5 article article 字面意思为“文章”。在web页面中表现为独立的内容如一篇新闻一篇评论一段名言一段联系方式。这其中包括两方面一为整个页面的主旨内容另外就是一些辅助内容。 article可以嵌套即article里面还可以包含article此时内article应该跟外article有一定的关联性如同情景二其中主内容的评论。 ? 1 2 3 4 article iddemo h1内容标题选用/h1 p内容/p /article article既然是独立的内容那么内容的主题是必不可少标题则为选用内容。 情景一 整个页面的主旨内容 ? 1 2 3 4 5 6 7 8 9 10 11 !doctype html titlehtml5站案例/title body article h1/h1 p主内容/p /article aside 侧边内容 /aside /body 情景二 内容的评论 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 !doctype html titlehtml5站案例/title body article 主内容省略.... section h1评论/h1 ul li article评论1/article /li li article评论2/article /li /ul /section /article aside 侧边内容 /aside /body 情景三 辅助内容 ? 1 2 3 4 5 6 7 8 9 10 11 !doctype html titlehtml5站案例/title body 主内容省略... aside article p作者kspig/p p文章编写时间2012年4月/p /article /aside /body html5 address address字面理解为“地址”在html5中它用于文档或者文章作者或拥有者的联系信息。注意这里放的不是字面上理解的“地址”而是指“联系信息”可以包括文档创建者的名字、站点链接、电子邮箱、真实地址、电话号码等各类联系信息。address一般放在footer中有时也放在header中视情况而定。 情景 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 !doctype html titlehtml5 address 示例 html5zhan.com/title headerh1html5 address 示例 html5zhan.com/h1/header p这里是主体.../p footer 作者html5zhan address ul li网址http://www.html5zhan.com/li liQQ10000/li li邮件webdaojia100.com/li /ul /address /footer 转载于:https://www.cnblogs.com/javawebstudy/p/3765416.html
