举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > html5+css3网页设计基础教程 HTML5 <time> 标签

html5+css3网页设计基础教程 HTML5 <time> 标签

2023-03-21 18:18 HTML5教程

html5+css3网页设计基础教程 HTML5 <time> 标签

html5+css3网页设计基础教程

HTML5和CSS3是当今网页设计的两大基础,它们提供了强大的功能,可以帮助开发者创建出更加精美的网页。学习HTML5和CSS3可以帮助开发者更好地理解网页设计,并且能够利用它们来创建出更具有吸引力的网站。

HTML5+CSS3网页设计基础教程是一个很好的学习工具,它可以帮助开发者快速掌握HTML5和CSS3的相关内容。该教程将会教会你如何使用HTML5和CSS3来制作出一个完整的、有吸引力的、易于使用的网站。

首先,该教程将会教你如何使用HTML5来制作一个完整的、有吸引力的、易于使用的网站。在这里,你将学习如何使用新标准中新出来的标记语言来制作一个实用性很强、易于浏览、易于理解并且对SEO有好处的静态或者动态内容。

然后,该教程将会教你如何使用CSS3来进行布局、样式化文本、添加图片、图形或者其他多媒体内容。在这里,你将学习如何使用新标准中新出来的样式表语法来制作一个对SEO有好处并且能够适应不同尺寸浏览屏幕大小而不影响内容显示效果的非常好看耐看的界面。

 
<html> 
    <head> 
        <title>My Webpage</title> 
    </head> 

    <body> 

        <h1>Welcome to my webpage!</h1> 

        <p>This is my first webpage. I'm so excited to be learning HTML and CSS!</p> 

    </body> 
<

HTML5 <time> 标签

实例

HTML5 <time>标签用于标注日期、时间或日期与时间的组合(日期格式是YYYY-MM-DD)。请参考下述示例:

如何定义时间和日期:

<p>我们在每天早上 <time>9:00</time> 开始营业。</p> <p>我在 <time datetime="2017-02-14">情人节</time> 有个约会。</p>

浏览器支持

表格中的数字表示支持该属性的第一个浏览器的版本号。

元素          
<time> 6.0 9.0 4.0 5.0 11.1

标签定义及使用说明

<time> 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。

该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。


HTML 4.01 与 HTML5之间的差异

<time> 标签是 HTML5 中的新标签。


属性

New:HTML5 中的新属性。

属性 描述
datetimeNew datetime 规定日期/时间。另一种方式,则是由元素的内容给定日期/时间。

全局属性

<time> 标签支持 HTML 的全局属性。


事件属性

<time> 标签支持 HTML 的事件属性。

阅读全文
以上是编程学为你收集整理的html5+css3网页设计基础教程 HTML5 <time> 标签全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部