web前端学习之HTML5新增页面元素

mark 标记与time 标记

记号mark 标记用来定义带有记号的文本。在需要突出显示文本时可以使用mark 标记。此标记对关键字做高亮处理(黄底色标注),突出显示,标注重点,在搜索方面可以应用。

时间time 标记用来定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。该标记能够以机器可读的方式对日期和时间进行编码。该标记不会在任何浏览器中呈现任何特殊效果。

基本语法

<mark>重点标注的内容</mark>

<time>9:00</time> <!-- 定义时间 -->

<time datetime="2017-05-01" pubdate="pubdate">国际劳动节</time>

<!—定义日期 -->

time标记的pubdate属性:指示该标记中的日期/时间是文档(或最近的article标记)的发布日期。time标记的datetime属性:规定日期/时间。

原文地址:https://www.cnblogs.com/czsy/p/9584521.html

时间: 2024-10-05 20:28:17

web前端学习之HTML5新增页面元素的相关文章

Web前端学习第十二天&#183;fighting_HTML页面设计技巧总结(一)

这篇笔记中二病犯了,希望大家不要嫌弃我!/(ㄒoㄒ)/~~ 还有一件开心的事情,我明天可以开始学习JS了,有好的学习建议,学习资源不要忘了告诉一下我哦.蟹蟹. ————————————————————————分割线———————————————————————————— 公共和个性化样式的合并 灵感:来自京东首页滚动广告右边的图标,如下图所示. 提取公共部分样式,个性化的再单独设置. 示例代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head>

web前端学习之HTML5

行内(内联)元素<a> <span> <b> <i> <em> <strong> <label> <q> <var> <cite> <code> 块元素 <div> <p> <h1>...<h6> <ol> <ul> <dl> <table> <address> <

WEB前端学习笔记 五

接web前端学习笔记第四篇,此篇为web学习笔记 五,在此感谢您的采集和转发,但请注明文章出自网知博学. 2.0.3  html标签的属性格式 现在我们知道了两个双标签分别是,标题标签:<h1> - <h6>.和段落标签:<p></p>还知道了一个换行的单标签:<br />,现在我们给<p></p>标签添加一个属性,来改变段落是右对齐,还是左对齐,还是居中. 如上图,<p>标签中的 align(中文就是排列的意

Web前端学习笔记(001)

....编号    ........类别    ............条目  ................明细....................时间 一.Web前端学习笔记                                    2016年6月15日10:38:53    /****************************************************************begin******************************

转载:WEB前端开发实用HTML5开发框架和开发工具

HTML5 在不同的领域让网页设计更强大的.快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5.HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验.这篇文章整理了25款优秀的 HTML5 框架和开发工具可以帮助你开发项目更快,更容易. Sonic Sonic 是一个很小的 JavaScript 类,用于创建基于 HTML5 画布的加载图像.更强大的是提供了基于现成的例子的创建工具,可以帮助你实现更多自定

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Demo页面: 基本选项 淡入效果 对不支持JavaScript浏览器的降级处理 水平滚动 容器内水平滚动 容器内垂直滚动

web前端开发怎么样学习?看这份web前端学习路线

前端开发是创建Web页面或app等前端界面呈现给用户的过程.前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术.框架.解决方案,来实现互联网产品的用户界面交互.它从网页制作演变而来,名称上有很明显的时代特征.在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主.随着互联网技术的发展和HTML5.CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大. 随着时代的发展,现在从事IT方向的人有很

2019年史上最全面的web前端学习教程!

要想成为一个优秀的前端工程师,肯定是要有一份良好的学习教程! 先给大家看看一个年薪30的前端程序员该学习哪些? 好的web前端年薪会有多少?一定要看到最后 不少前辈高人们放出了自己的工资截图,也有新人出来表示瞻仰.高的4,50w往上走都有(更高的个例也不是没有),低的实习小几千的也不少,最后总结了一下,其实可以凝聚为两个词--"技术"和"经验". 其实这个不难明白,企业的最终目的就是为了盈利.人家给你开那么多的工资必然是因为你能够给公司创造更大的价值.那问题就来了

好程序员web前端学习路线分享jQuery学习技巧

好程序员web前端学习路线分享jQuery学习技巧,jQuery在web前端学习中是一个必不可少的内容,很多小伙伴都在学习这阶段的时候遇到问题,今天我们就来聊一下jQuery,让我们一起来看一看吧! 1.关于页面元素的引用 通过jquery的$引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方