(2)HTML5-内容标记方法

原创 2016年08月28日 22:55:29

C++的注释方法在我的电脑上用不了,所以只能用html的注释方法。

<!doctype html>
 <head>
     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <!--调用jquery库-->  
    <script src="https://code.jquery.com/jquery-2.1.0.js"></script>  
 </head>
 <body>
  <!--绘图元素-->

 <!--id替代当前画布命名,在多个画布时有助于识别-->
<canvas id="Canvas" width="480" height="180" style="background-color:gray;border:5px">
 </canvas>
 <!--分组元素-->

 <!--
 此标签可以声明一组包含图片标题,信息的分组。浏览器会将(figure)内的所有元素(包括文字,图像)视为一个对象。
 -->
 <figure>
     <img id="map" width=400 height=400 src="http://nostarch.com/images/treasuremap.png">  
     <p>
     宝藏<br>
     大宝藏
     </p>
 </figure>

 <!--
 此标签是(figure)下的一个子标签,放在figcaption标签内的文字代表
 “图片的标题”。(figcaption)子标签应该被置在(figure)下的一个子标签,放在figcaption标签内的文字代表第一个
 或最后一个位置。
  -->
 <figure>
   <img id="map" width=400 height=400 src="http://nostarch.com/images/treasuremap.png">  
   <figcaption>宝藏</figcaption>
    <p>大宝藏</p>
 </figure>

 <!--文字层级元素-->
 
 <!--
 放置在此标签内的文字,可以具有独立的方向格式,适用来标记方向不明的文字。
-->
 <ul>
     <li>Username:50 points</li>
     <li>Username<bdi></bdi>:98 points</li>
 </ul>
 
<!--使用此标签可以在画面中启动文字提示框。-->
 <dialog open>
    你好!
 </dialog>
 
 <!--使用此标签可以将部分文字加上荧光标记-->
 <p>路飞<mark>是海贼王</mark>哈哈</p>
 
 <!--
 (rt)是(ruby)下的一个子标签,主要用于排版“注释”或“发音”,可以将其补充信息排版在主体上方。
 -->
 <ruby>
     马<rt>ma</rt>
 </ruby>

 <!--
 (rp)也是(ruby)下的一个子标签,可将其补充信息排版在主体右方。
 -->
 <ruby>
     马<rp>ma</rp>
 </ruby>

<!--
加注在此标签中的文字信息会被浏览器视为“时间格式”进行解析。若是使用datetime属性,代表在HTML中为此文字加上时间标记
-->
<p>早上<time>8:20</time>上课</p>
<p>早上<time datetime="2014.11.22">日期</time>上课</p>

<!--交互式元素-->

<!-- 《details> 与《summary》是一起使用的标签,这两个标签的配合可以设计出信息隐藏与展开的互动效果 《details》标记的文字代表可以隐藏于展开的部分;《summary》标记的文字作为触发隐藏于展开的标题 -->

<details>
    <summary>中国</summary>
    <p>
    中华人民共和国<br>
    新中国建于公元1949年<br>
    是亚洲面积最大的国家
    </p>
</details>

<!-- 放在《command》标签内的文字可依具备“按钮”功能,配合
《command》的属性可以指定单击按钮后要执行的操作 -->

<menu>
    <command onclick="alert('Hi There!')">
    Click Here!
    </command>
</menu>
 </body>
</html>



版权声明:本文为博主原创文章,转载必须声明出处,thank。

HTML5基础篇之html(三)

今天新教了js 表示有点小压力啊。。。奋斗到了现在 差点忘记了更新……so sorry 下面进入正题 六、a标签的4 种状态 1.link: 正常状态,也就是刚出现时候的状态 2.visite...
  • Toleranty
  • Toleranty
  • 2016年08月16日 22:12
  • 192

HTML5-嵌入内容

下述内容主要讲述了《HTML5权威指南》第15章关于“嵌入内容”。 一、嵌入图像img元素允许我们在HTML文档里嵌入图像。图像在HTML标记处理完毕后才加载!! src属性指定欲嵌入图像的URL; ...
  • ligang2585116
  • ligang2585116
  • 2016年08月25日 16:14
  • 2796

html5-完整的表格标记

创建表格 完整的表格标记 学生成绩单 姓名 性别                     成绩 平均分 88 张三 男 88 ...
  • xyy_933
  • xyy_933
  • 2016年05月07日 20:28
  • 301

android studio: Error:元素内容必须由格式正确的字符数据或标记组成

出现这个问题的原因: 1,xml的资源文件或androidManifest.xml文件中的元素格式不正确(由于书写导致这个问题的应该很少)。 2,在对项目进行版本控制的时候,文件冲突没有及时解决导致1...
  • ZhouKangClay
  • ZhouKangClay
  • 2016年07月18日 08:04
  • 2216

mybatis报错,元素内容必须由格式正确的字符数据或标记组成

出错:元素内容必须由格式正确的字符数据或标记组成。 错误原因:mybatis查询的时候,需要用到运算符 小于号:,在mybatis配置文件里面,这种会被认为是标签,所以解析错误 错误事例:...
  • lsm135
  • lsm135
  • 2017年03月07日 17:17
  • 1715

android: Error:元素内容必须由格式正确的字符数据或标记组成

作为一个小白,在Android上总是会出现一个又一个的小错误,总会让我们感觉到蛋疼。 这时我们看看colors.xml中的数据 看起来没错误,Android studio也没有提示错误。可...
  • bear_wr
  • bear_wr
  • 2015年05月24日 12:44
  • 3881

18 款超酷的 HTML5 和 JavaScript 游戏引擎库

现在的游戏开发变得越来越复杂,需要制作各种炫丽的效果,还要制作各种基于 2D 或者 3D 的场景。为了节省游戏开发者的时间,让开发者集中精力在游戏的创新上,出现了许许多多的游戏引擎。而现在为了实现跨平...
  • sdhjob
  • sdhjob
  • 2015年11月21日 21:50
  • 1543

mybatis异常 :元素内容必须由格式正确的字符数据或标记组成。

今天同事写一个查询接口的时候,出错:元素内容必须由格式正确的字符数据或标记组成。 错误原因:mybatis查询的时候,需要用到运算符 小于号:,在mybatis配置文件里面,这种会被认为是标...
  • shijing266
  • shijing266
  • 2015年08月27日 10:54
  • 12318

C#如何设置标记方法等为否决的不可用

Obsolete 来源: C#如何设置标记方法等为否决的不可用_Asp.Net/C#/WCF_Web开发网 查看原文:http://52xyj.cn/2016/03/02/c%e5%a6%82%e4%...
  • u012320991
  • u012320991
  • 2016年03月02日 13:49
  • 923

C#标记废弃方法

在C#中,如果一个方法我们不再使用,我们可以将其标记为“废弃”的方法,只需要在方法前,加一个[Obsolete]即可;[Obsolete] public void BiuBiuBiu(){ /...
  • myinc
  • myinc
  • 2017年02月21日 21:24
  • 1564
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:(2)HTML5-内容标记方法
举报原因:
原因补充:

(最多只允许输入30个字)