HTML5语义元素

时间:2020-01-09 10:34:39  来源:igfitidea点击:

HTML5具有一组添加了语义的新元素。这些元素称为语义元素。本文将为我们提供这些语义元素的概述。这是本文涵盖的主题列表:

普通的HTML4元素通常用于演示目的,例如来绘制表格,将文本分成段落,创建标题等。换句话说,HTML元素通常用于控制HTML页面的格式和结构。

HTML4元素未对元素内部内容的含义作任何说明。浏览器和网络爬虫(搜索引擎)无法确定表或者段落中的文本是否是文章,博客文章,导航部分等的一部分。这就是为什么在HTML5中添加了语义元素的原因。

语义元素用于告诉一些有关HTML5页面中内容的语义含义的信息。元素仍然可以通过CSS进行样式设置,但是元素本身并不包含任何样式。

博客和文章站点

许多网站都包含博客文章或者文章。或者,包含有关的信息,例如具有商品形状的产品,服务或者公司。

在HTML5中添加了四个新元素来标记HTML页面的这些部分。这些元素是:

  • 标头
  • 页脚
  • 文章
  • 导航

这些元素将在下面简要描述,并在其各自的页面上进行更详细的描述。

页眉和页脚

添加的前两个语义元素是" header"和" footer"元素。这些元素用于标记:

  • 页面的页眉和页脚部分
  • 页眉和页脚部分,例如页面上的各个博客文章。

页面的页眉和页脚部分通常是页面的顶部栏(页眉)和底部栏(页脚)。

导航

nav元素用于标记页面的导航部分。一个页面可以包含多个导航部分。例如,一个页面可以具有包含在页面标题(顶部栏)中的高级菜单,以及位于页面左侧的与页面内容相关的子菜单。

文章

" article"元素用于标记页面的主要内容。例如,如果页面包含博客文章,则博客文章标题和文本将包含在"文章"元素中。

如果一个页面包含多个博客文章或者评论,则这些博客文章或者评论中的每一个都可以包含在其自己的"文章"元素中。

时间

"时间"元素用于向用户显示日期和时间信息。

"时间"元素还包含一个名为"日期时间"的属性,我们可以其中指定所显示日期和时间的机器可读版本。浏览器和Web爬网程序可以使用机器可读的版本来提取有关与页面内容有关的日期和时间的信息。

"时间"元素在HTML5时间元素上的文字中有更详细的介绍。