必须配合 h 元素一起使用 解释 标题语句
<section><h1>PRC</h1><p>The People's Republic of China was born in 1949...</p>
</section>
使用 <hgroup> 标签对网页或区段(section)的标题进行组合:
请使用 <figcaption> 元素为元素组添加标题
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>section</title>
</head>
<body>
<h1>你好</h1>
<p>html5</p>
<section>
<h2>欢饮学习</h2>
<p>huanyinhi </p>
</section><!-- 分组-->
<hgroup><h1>标题1</h1><h2>标题2</h2>
</hgroup>
<!--里面包含h元素-->
<section><h3>图文展示区</h3><figure> /*用作文档中插图的图像:  <figure><p>黄浦江上的的卢浦大桥</p><img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>*/<img src="#"><figcaption>三星</figcaption></figure><figure><img src="#"><figcaption>华为</figcaption></figure>
</section>
<section><h3>留言区</h3><!--open 就是打开意思  <dialog open>这是打开的对话窗口</dialog></th>--><dialog open><dl><dt>张三</dt><dd>我喜欢华为</dd></dl></dialog>
</section>
</body>
</html>

html5 机构化元素相关推荐

  1. html5的主体结构元素与非主体结构元素

    html5的主体结构元素与非主体结构元素 作为刚开始正式学习html5的新人,很多东西我接触时都是一知半解,暂时存疑,所以我就想通过博客的方式将其记录下来,以后了解更多的时候再回看自己记录的内容,有更 ...

  2. html5语义化标记元素_语义HTML5元素介绍

    html5语义化标记元素 Semantic HTML elements are those that clearly describe their meaning in a human- and ma ...

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

    做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.今天先介 ...

  4. html5语义化标签 加粗,html5标签 H5标签

    html> h5文本元素 1.文本元素 2.加粗文字 b 3.倾斜文字 i 4.删除文字 del 5.加粗文字2 strong 6.安全换行 wbr~~~ 7.强调 倾斜元素 em 8.删除线2 ...

  5. html5中语义元素的是,在html5中语义元素应用分析

    在H5新增加的语义元素,本来是帮助人们更好的理解代码的,但是部分元素却又引起了选择困难,,, HTML5 提供了新的语义元素来明确一个Web页面的不同部分: 在这里让人容易产生困惑的是这个标签元素 标 ...

  6. 当html里语义化,HTML5语义化

    理解HTML5语义化比抖朋要插支一圈不者地: HTML5的接愿目的那前机专容图缩近上意对这些端制门语义化指的是用正确的标签包含正确的内容,标签语义化的好处就是结构良好,便于阅读,方便威化,也有利于爬虫 ...

  7. 好程序员web前端分享常见html5语义化标签

    为什么80%的码农都做不了架构师?>>>    好程序员web前端分享常见html5语义化标签,我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总 ...

  8. html5语义化标签及优点

    html5语义化标签及优点 html5中的语义化标签 < h1~h6 >:标题,< h1 > 与 < title > 协调有利于搜索引擎优化. < heade ...

  9. html标签语义化的好处,(2019)[前端]面试题[9]:HTML5语义化标签和新特性

    问题 知道语义化吗?说说你理解的语义化,如果是你,平时会怎么做来保证语义化? 说说你了解的HTML5语义化标签,HTML5新增了那些新特性? Hello,欢迎来到我的博客,每天一道面试题,我们共同进步 ...

最新文章

  1. html5 audio标志改变音量,HTML5之Audio(二)—— processor调节音量
  2. Python_基础知识储备
  3. Linux Centos6.5 SVN服务器搭建 以及客户端安装
  4. 20200207_Dontla_MBTI第二步基本分析报告((ISTJ))
  5. can't load apple.laf.AquaLookAndFeel (Ant in Eclipse can't find it
  6. HPC在石油勘探行业正面临三大考验
  7. MongoDB学习之(二)java连接
  8. mate7 android升级包下载,华为mate7 刷机包
  9. 分享180个动态模板PPT模板,总有一款适合你
  10. Java基础面试题大全
  11. cJSON使用详细教程 | 一个轻量级C语言JSON解析器
  12. java treemap指定排序_TreeMap按照key排序
  13. 【jQuery进阶】子菜单插件Slight Submenu
  14. 问题 Q(1208): 【基础算法】倒酒问题
  15. 苹果CMS海螺模板4.0修复版带后台 附安装教程
  16. 云大使推广的返利规则是什么
  17. mac os linux pageup pagedown,教你巧用Mac上的Page UpDown键
  18. 谷歌Chrome超越苹果Safari 市场份额升至第三(每日关注2009.12.16)
  19. 股票风险 股票交易上的投机行为往往十分危险。假设某股票行为十分怪异,每天不是涨停(上涨10%)就是跌停(下跌10%)。
  20. scala下使用akka计算pi

热门文章

  1. win10 开启蓝 由于其配置信息(注册表中的)不完整或已损坏
  2. dev控件ASPxComboBox设置ReadOnly=true后
  3. Codevs 3269 混合背包(二进制优化)
  4. Hibernate中的query.setFirstResult(),query.setMaxResults();
  5. srt乱码字幕中文显示解决办法
  6. (最简单的)在VS中调用存储过程
  7. linux设备模型之mmc子系统
  8. python xlwt列宽设置_python xlwt 设置单元格样式
  9. Qt之Ubuntu18.04安装(一)
  10. Android java获取行号和函数名