html5标签及用法，html5的标签

html5网页结构布局标签

1、实现如图2-1的网页结构，这是一个非常典型的博客页面：头部、尾部、水平导航栏、侧边栏导航以及内容。

2、列举常用HTML5结构组合 header nav section article figure figcaption aside footer 一般首页结构，如图所示 当然也可以是下面的结构 其中section和article最为相似，而且和div标签貌似也有很大相似之处。

3、在HTML5页面中，经常使用nav标签来充当导航的结构化标签。nav标签用于定义页面的导航部分，通常包含导航链接或导航菜单。

4、用HTML代码编写布局及结构；用CSS代码编写呈现效果。补充：以上几个步骤可以完成ps切图，在做ps切图时，需要掌握的技能：ps分层切图基础；html基础；css基础；各浏览器解析标准的了解。

相关问答

Q1: html5的语义化标签有哪些及其作用

mark主要用来在视觉上向用户呈现那些需要突出的文字。mark标签的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。HTML5： mark/mark HTML4： span/span meter 标签定义度量衡。

aside 用来装载非正文类的内容。例如侧边栏等等。hgroup 标签用于对网页或区段的标题元素（h1-h6）进行组合。header 标签定义文档的页面组合，通常是一些引导和导航信息。footer 标签定义 section 或 document 的页脚。

aside标签：表示当前页面或文章的附属信息部分，可包含于当前页面或主要内容相关的引用、侧边栏、广告、导航条、以及其他类似的有别于主要内容的部分。 figure标签：规定独立的流内容（图像、图表、照片、代码等等）。

语义化标签的好处要从 HTML 全局属性说起，即 有的标签有默认的HTML全局属性，所以最好用语义化标签。 1：以下元素 支持 tabindex 属性：a， area， button， input， object， select 以及 textarea。

aside 标签，从语义化上看为在旁边、侧边，其用法如下：在 article 标签中使用时，作为主要内容的附属信息部分，如有关的参考资料、名词解释等。

strong：和 em 标签一样，用于强调文本，但它强调的程度更强一些。em：将其中的文本表示为强调的内容，表现为斜体。mark：使用黄色突出显示部分文本。

Q2: html5常用标记及用法?

1、aside 标签，从语义化上看为在旁边、侧边，其用法如下：在 article 标签中使用时，作为主要内容的附属信息部分，如有关的参考资料、名词解释等。

2、article 标签定义独立的内容。aside aside 标签定义页面主区域内容之外的内容（比如侧边栏）。

3、mark代表一段需要被高亮的引用文字。ruby表示需要被ruby 注释 标记的文本，如中文汉字和它的拼音。rt 表示ruby 注释 ，如中文拼音。

html5标签及用法的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5的标签、html5标签及用法的信息别忘了在本站进行查找喔。