首页 > 软件开发 > HTML >

快速学会HTML5语言-34-HTML5-time标记(实例)

来源:互联网 2023-03-16 19:11:53 334

如果帮到了你,投票,多多投票,谢谢。Oth办公区 - 实用经验教程分享!

快速学会HTML5语言-34-HTML5-time标记(实例)Oth办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime
  • 链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g
  • 密码:bpmk

方法/步骤

  • 1

    HTML5新增行内语义标记。Oth办公区 - 实用经验教程分享!

    1、mark>标记,定义有记号的文本,用来表示标记一些不是特别需要强调的文本。Oth办公区 - 实用经验教程分享!

    HTML5mark>新增/mark>行内语义标记/Oth办公区 - 实用经验教程分享!

    快速学会HTML5语言-34-HTML5-time标记(实例)Oth办公区 - 实用经验教程分享!

  • 1该信息未经许可获取自百度经验
  • 2

    2、time>标记,定义日期/时间,用来表示24小时中的某一时刻,在表示时刻时,允许有时间差。只要将time>标记中的属性datetime设置为相应的时间即可。Oth办公区 - 实用经验教程分享!

    time datetime="2018-8-11">今天是2018年8月11日/time>Oth办公区 - 实用经验教程分享!

    快速学会HTML5语言-34-HTML5-time标记(实例)Oth办公区 - 实用经验教程分享!

  • 3

    time datetime="2018-8-11T20:00">现在时间是2018年8月11日晚上8点/time>Oth办公区 - 实用经验教程分享!

    快速学会HTML5语言-34-HTML5-time标记(实例)Oth办公区 - 实用经验教程分享!

  • 4

    time datetime="2018-12-31">公司最新产品今年年底上市/time>Oth办公区 - 实用经验教程分享!

    快速学会HTML5语言-34-HTML5-time标记(实例)Oth办公区 - 实用经验教程分享!

  • 5

    time datetime="2018-8-11" pubdate="true">本消息发布于2018年8月11日/time>Oth办公区 - 实用经验教程分享!

    快速学会HTML5语言-34-HTML5-time标记(实例)Oth办公区 - 实用经验教程分享!

  • 6

    第1个步骤只表示日期。Oth办公区 - 实用经验教程分享!

    第2个步骤表示日期和时间,用字母T分隔。Oth办公区 - 实用经验教程分享!

    第3个步骤表示将来时间。Oth办公区 - 实用经验教程分享!

    第4个步骤表示的发布日期,pubdate属性表示此time>标记为发布日期。Oth办公区 - 实用经验教程分享!

    快速学会HTML5语言-34-HTML5-time标记(实例)Oth办公区 - 实用经验教程分享!

  • 注意事项

    • 如果有疑问,请在下方评论,小编会回复。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
    • 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)
    • gif动态图将重复播放。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Oth办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码