HTMl5结构元素:article

article:

表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分,并且这部分专用于独立地分类或复用。(例如:一个博客的帖子,一篇文章,一个视频文件等。)
和<nav>一样,标题位于这一元素内部,如:实例一:
    <h1>My article</h1>
    <article>
      <p>Blah blah</p>
    </article>
这样的写法在规定上是不正确的,应该如下写法:

<article>
      <h1>My article</h1>
      <p>Blah blah</p>
    </article>
<!doctype html>
<html lang=en>
<head>
 <title>………</title>
</head>
<body>
  <header>
    <h2>……</h2>
    <nav>……</nav>
  </header>
  <nav>
   <h2>………</h2>
   <ul>
    <li><a href=“#”>………</a></li>
    <li><a href=“#”>………</a></li>
   </ul>
  </nav>
  <article>
   <h1>………</h1>
   <p>………</p>
  </article>
  <article>
   <h1>………</h1>
   <p>………</p>
  </article>
  <footer>
    <p>
     <small>………</small>
   </p>
  </footer>
</body>

时间: 2024-10-06 18:34:47

HTMl5结构元素:article的相关文章

HTML5 结构元素

Html <!DOCTYPE?html>?? <html>?? ????<head>?? ????????<meta?charset="utf-8"><!--?声明编码格式?-->?? ????????<title>HTML5?结构元素</title><!--?标题?-->?? ????????<link?rel="stylesheet"?href="ht

HTML5 新增元素梳理

HTML5新增元素如下图: <canvas> 新元素 <canvas> 标签定义图形,比如图表和其他图像,该标签基于javascript的绘图api 新多媒体元素 <audio> 定义音频内容 <video> 定义视频内容(video或者movie) <source> 定义多媒体资源<video>或者<audio> <embed> 定义嵌入的内容,比如插件 <track> 为诸如 <video

html5学习笔记(3)--主题结构元素-1

html5学习笔记(3)--主题结构元素-1 Article元素 以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>极客学院</h

HTML5新增的结构元素

HTML5的结构 一:新增的主体结构元素 在HTML5中,为了使文档的结构更加清晰明确,追加了几个与页眉,页脚内容区块等文档结构相关联的结构元素. 1.1article元素 article元素代表文档,页面或应用程序中独立的完整的,可以独自被外部引用的内容,<article> 标签定义外部的内容.article元素是可以嵌套使用的,内层的内容在原则上需要与外层的内容相关联, 另外article元素也可以用来表示一个插件. <time> 标签定义日期或时间,或者两者.pubdate

HTML5学习笔记(三):语义化和新增结构元素

在HTML5之前,使用机器来阅读一个网页是非常困难的,我们使用不同样式的div来标记不同的内容,所以实际上机器无法得知页面的哪个部分是正文,哪个部分是标题,那么在HTML5里,针对这个问题就引入了语义化的概念,同时提供了新的标签来指定对应的内容类型. 语义化的好处 语义化的html只用来搭建网页的结构,去掉css后,网页结构不会变: 屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页: 搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重: 你的页面是否对爬虫容易理解非常重要,因

HTML5 语义元素(一)页面结构

本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: <article>.<aside>.<figure>.<figcaption>.<footer>.<header>.<main>.<nav>.<section>等元素. 目录 1. 语义元素介绍 1.1 何为语义元素 1.2 特点 2. 原先界面布局 3. 页面结构语意元素 3.1 说明 3.2 详细介绍 3.3 示例图 1. 语义元

1.HTML5新增结构元素

HTML5新增结构元素: header元素表示页面中一个内容区块或整个页面的标题. section元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面中的其他部分.它可以与h1.h2.h3.h4.h5./6等元素结合使用,标示文档结构. article元素表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或报纸中的一篇文章. aside元素表示article元素的内容之外的.与article元素的内容相关的辅助信息. nav元素表示页面中导航链接的部分. footer元素报时整个

HTML5 新增结构元素分为主体结构元素和非主体结构元素

做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.今天先介绍下 html5 新增的结构元素,有的经常使用到,有的用不上,虽然说它们的出现是更促进页面更有语义,更好的 seo,但其实当页面禁用样式后,它们的展现跟 div 是没撒差别,有同学可能会说,既然一样,又不影响页面的最终展现,不管是 article 还是 section 能用就好了.如果考虑实际项目的

《Web前端笔记2.10-2.11》 HTML5 新增的结构元素

课程背景: 在 HTML5 中,为了使文档的结构更加清晰明确,追加了几个与页眉.页脚.内容区块等文档结构相关联的元素. 核心内容:1.Article2.Section3.Nav4.Aside5.Time6.Pubdate 7. header 元素8. footer 元素9. hgroup 元素10. address 元素 article 元素 article 元素代表文档,页面或应用程序中独立的.完整的.可以独自被外部引用的内容. section 元素 本课时讲解 HMTL5 新增的主体结构元素