Posts - 161,
Articles - 1,
Comments - 19622
08:54 by 汤姆大叔, ... 阅读,
&hgroup& 标签用于对网页或区段（section）的标题进行组合。
&h1&Welcome to my WWF&/h1&
&h2&For a living planet&/h2&&/hgroup&&p&The rest of the content...&/p&
header元素是一种具有引导和导航作用的辅助元素。通常，header元素可以包含一个区块的标题(如h1至h6，或者hgroup元素标签)，但也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片。
我们可以使用该元素来写整个页面的标题部分：
&h1&The most important heading on this page&/h1&&/header&
同一个页面中，每一个内容区块都可以有自己的&header&元素，例如：
&h1&The most important heading on this page&/h1&&/header&&article&
&h1&Title of this article&/h1&
&p&...Lorem Ipsum dolor set amet...&/p&&/article&
&header&元素通常包含一个标题标签(h1至h6)或是hgroup。另外，也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片；根据最新的W3C HTML5规范更新，&nav&元素标签也可以在&header&中使用。
footer元素可以作为其直接父级内容区块或是一个根区块的结尾。footer通常包括其相关区块的附加信息，如作者、相关阅读链接以及版权信息等。
过去(及目前)，我们通常使用类似下面这样的代码来写页面的页脚：
&div id="footer"&
&li&copyright&/li&
&li&sitemap&/li&
&li&contact&/li&
&li&to top&/li&
&/ul&&div&
在HTML5中，我们可以不使用div，而用更加语义化的footer来写：
&li&copyright&/li&
&li&sitemap&/li&
&li&contact&/li&
&li&to top&/li&
&/ul&&/footer&
在同一个页面中可以使用多个&footer&元素，即可以用作页面整体的页脚，也可以作为一个内容区块的结尾，例如，我们可以将&footer&直接写在&section&或是&article&中：
Section content appears here.
Footer information for section.
&/footer&&/section&&article&
Article content appears here.
Footer information for article.
&/footer&&/article&
address元素用来在文档中呈现联系信息，包括文档创建者的名字、站点链接、电子邮箱、真实地址、电话号码等；address不只是用来呈现电子邮箱或真实地址这样的&地址&概念，而应该包括与文档创建人相关的各类联系方式信息。
根据以上定义，我们可以使用下面的代码来展示一些志愿者的名字及主页链接：
The HTML5 Doctor is run by the following group of volunteers:&address&
&a href="/author/jacko"&Jack Osborne&/a&,
&a href="/author/richc"&Rich Clark&/a&,
&a href="/author/miker"&Mike Robinson&/a&,&/address&
下面是另一个范例，同时还使用到了&footer&及&time& 元素：
&div class="vcard"& by
&address class="author"&
&em class="fn"&&a title="Posts by Jack Osborne" href="#"&Jack Osborne&/a&&/em&
&/address& on
&time datetime="" class="published updated"&November 4th, 2009&/time&
&/div&&/footer&
如果我们确实需要在页面中显示某些与当前文档创建者联系方式无关的联系人信息，那么可以使用hCard微格式：
&div class="vcard"&
&p class="fn"&&a class="url" href="#"&Dr. Jack Osborne&/a&&p&
&p class="adr"&
&span class="street-address"&HTML5 Hospital&/span&
&span class="region"&Doctorville&/span&
&span class="postal-code"&Postal Code&/span&
&span class="country-name"&Great Britain&/span&
&p class="tel"&+44 (0)XXXX XXXXXX&/p&&/div&
nav元素是一个可以用来作为页面导航的链接组；其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进&nav&元素；例如，在页脚中通常会有一组链接，包括服务条款、首页、版权声明等；这时使用&footer&元素是最恰当的，而不需要&nav&元素。
一直以来，我们都习惯用如下这种方式来定义导航条：
&li&&a href="index.html"&Home&/a&&/li&
&li&&a href="/about/"&About&/a&&/li&
&li&&a href="/blog/"&Blog&/a&&/li&
&/ul&&/nav&
下面是W3C给出的一个代码示例：
&h1&The Wiki Center Of Exampland&/h1&
&li&&a href="/"&Home&/a&&/li&
&li&&a href="/events"&Current Events&/a&&/li&
...more...
&h1& Demos in Exampland&/h1&
&p&Written by A. N. Other.&/p&
&li&&a href="#public"&Public demonstrations&/a&&/li&
&li&&a href="#destroy"&Demolitions&/a&&/li&
...more...
&section id="public"&
&h1&Public demonstrations&/h1&
&p& ...more...&/p&
&/section&
&section id="destroy"&
&h1&Demolitions&/h1&
&p&...more...&/p&
&/section&
...more...
&p&&a href="?edit"&Edit&/a& | &a href="?delete"&Delete&/a& | &a href="?Rename"&Rename&/a&&/p&
&/article&
&p&&small&& copyright 1998 Exampland Emperor&/small&&/p&
&/footer&&/body&html中的&b&和&strong&有什么区别呢？_问答_ThinkSAAS
html中的&b&和&strong&有什么区别呢？
html中的&b&和&strong&有什么区别呢？
今天面试被问到html中的b和strong标签有什么区别，傻眼了，求高人指点
两者虽然在网页中显示效果一样，但实际目的不同。
&b&这个标签对应bold，即文本加粗，其目的仅仅是为了加粗显示文本，是一种样式／风格需求；
&strong&这个标签意思是加强，表示该文本比较重要，提醒读者／终端注意。为了达到这个目的，浏览器等终端将其加粗显示；
总结：&b&为了加粗而加粗，&strong&为了标明重点而加粗。
b已经不提倡使用了，因为认为他应该归到css样式当中。
现在使用更加语义化的strong标签。
早年HTML是直接用标签和属性来表达样式的，&b&所代表的bold粗体就是一个例子，此外还有&i&也就是italic斜体，当然了这个方式现在的浏览器仍然也还兼容
后来网站网页越做越复杂，为了让页面结构更加清晰，所以引入了层叠样式表CSS让内容和表现分离开来，这时候&strong&和&em&等不直接表示样式，仅表达结构的标签应运而生，开发者可以根据自己的需要通过CSS来定义网页的重点应该怎样表达，而不仅仅是加粗或者斜体。用户端也可以自己来定义样式表，为重点内容配置一个更加显眼的突出方式而不仅仅是加粗
另外还有一个很重要的点是可读性（可访问性）的优势，对于某些视觉障碍的用户来说，单纯的表达加粗对于他们来说是不够的，因为他们甚至有可能不理解这个概念（全盲的人），但是标识为重点，为视障人士设计的浏览器/阅读器等就可以有他们正确的方式来提醒用户这块区域是重点内容
总而言之，&strong&是个语义上的概念，表达的是强调，浏览器默认表现为加粗。&b&则只是加粗。
PS: 一度认为是下一代HTML的XHTML其实主张删除所有的这种表达样式的标签，包括不限于&b&,&i&,&color&,&center&等等。不过后来HTML5成为了正式标准，XHTML的一些主张被合并进入HTML5，但是不包括这条
最基本的问题了，类似的还有 em 和 i 标签
b只是加粗，strong还带强调
b是字体加粗，而strong是从文章来看，这是你的重点。
是样式带语义
添加你想要问的问题
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
让ThinkSAAS更好，把建议拿来。
开发客服微信HTML5 hgroup 标签
#hgroup定义和用法
`` 标签用于对网页或区段（section）的标题进行组合。
使用 `` 标签对网页或区段（section）的标题进行组合：html5（119）
定义和用法
标签用于对网页或区段（section）的标题进行组合。
标签对网页或区段（section）的标题进行组合：
&hgroup&&&h1&Welcome to my WWF&/h1& &h2&For a living planet&/h2&&&/hgroup&&&p&The rest of the content...&/p&
HTML 4.01 与
HTML 5 之间的差异
&hgroup& 标签是 HTML 5 中的新标签。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：370553次
积分：15817
积分：15817
排名：第509名
原创：1206篇
转载：322篇
(1)(2)(2)(5)(3)(3)(40)(218)(205)(180)(7)(1)(9)(1)(31)(41)(45)(27)(31)(11)(3)(37)(104)(60)(489)