蓝天下，献给你，html5

最新推荐文章于 2016-01-08 23:04:05 发布

麦田

最新推荐文章于 2016-01-08 23:04:05 发布

阅读量2k

点赞数

分类专栏： web前端文章标签： html5 chrome email flex safari browser

本文链接：https://blog.csdn.net/itmyhome1990/article/details/7583842

版权

web前端专栏收录该内容

47 篇文章 0 订阅

订阅专栏

HTML5果真是未来的王者吗

这真是一篇操蛋的文章

我到底想表达什么呢

不解

写了第一个hello html5程序

跟当年学java一样，hello world

html5中有一个验证email的标签

<input type="email" name="myemail" />

这在以前是没有的，可以自动验证是否是email格式

虽然如此的没有含量，但它开启了一个无知的孩子对未来的探索

w3cSchool中 HTML5教程的第一个实例

<!DOCTYPE HTML>
<html>
<body>

<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

</body>
</html>

在Chrome下可以播放目前好像只有Chrome,Safari支持，哎各大浏览器支持度真的很乱

以前学习过一段时间flex 觉得还不错的起码有个正规的公司支持着维护着

由于工作中也没用到，所以也就束之高阁了。

也许如果真的用不到的话，学习是很痛苦的，因为我们看不到它将来的用武之地

flex与html5 左手与右手

蓝天下，献给你，我最好的年华。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

麦田

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

HTML5制作3D爱心动画教程献给女友浪漫的礼物

09-28

在这篇HTML5制作3D爱心动画教程中，作者介绍了如何使用HTML5和CSS3来创建一个具有浪漫含义的3D爱心动画效果。这种动画可以作为特别的礼物送给女友，且由于其简洁的代码，任何人在任何时间地点都能轻松复制实现。这个...

课件-1小时学会HTML5基础

04-05

4. **离线存储**：HTML5的`Application Cache`或Service Worker技术使得网页可以在离线状态下访问，通过`manifest`文件指定需要缓存的资源。 5. **Canvas与SVG**：`<canvas>`元素提供了动态图形绘制的能力，适用于...

2 条评论您还未登录，请先登录后发表或查看评论

献给你的话作文.doc

03-01

【献给你的话】这篇文档似乎是一篇以书信或赠言形式写成的文章，通过不同的场景和音乐背景，描绘了一个人的成长历程。文章中的你，从少年时期的古文爱好者，到面对生活挑战的青年，再到经历挫折后变得更加坚韧的战士...

HTML5制作3D爱心动画教程献给女友浪漫的礼物.docx

热门推荐

itmyhome的专栏

01-08

17万+

CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框值描述 separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 collapse 如果可能，边框会合并为一个单一的

form表单提交的几种方法

itmyhome的专栏

12-12

6万+

form表单提交的几种方法<form id="myform" name="myform" method="post" onsubmit="return sumbitTest();" action="RegisterAction.action"> 姓名: 性别: 男女年龄:

jQuery获取select中所有option值

itmyhome的专栏

07-09

2万+

请选择 Java PHP Jekyll $(function(){ var array = new Array(); //定义数组 $("#language option").each(function(){ //遍历所有option var txt = $(this).val(); //获取optio

hone hone clock人体时钟

itmyhome的专栏

09-09

2万+

hone hone clock是个十分有趣的人体时钟,这个时钟代码分两种一种是背景透明的,一种是白色背景的,把你喜欢的代码添加到你的网页中适当位置即可。两种代码如下： <script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>

jstl标签的fmt:formatDate格式化日期 String to Date

itmyhome的专栏

11-29

2万+

<fmt:formatDate value="${entity.ctime}" pattern="yyyy-MM-dd HH:mm"/> 报java.lang.IllegalArgumentException: Cannot convert 201311251525 of type class java.lang.String to class java.util.Date异常因为${entity.ctime}取出来是String类型，无法转换为Date类型解决办法是，可先将String解析为Date

Markdown之表格table的处理

itmyhome的专栏

03-07

2万+

发现table加了个class属性，如果只是table标签将不起作用。 table-bordered：带圆角边框和竖线 table-striped：奇偶行颜色不同 table-condensed：压缩行距除了以上另外还有其他可供选择： 1、如果需要表头跟内容不一样，可以将<td>表头内容</td>换成<th>表头内容</th>。 2、如果表格内文需要换行，可以在要换行的内容后加入<br>，后面的内容就会跑到下一行。 3、如果内文中有代码，需要特别显示，可使用：<code>代码</code>。 4、如果

在HTML中，标记<font>的Size属性最大取值

itmyhome的专栏

05-28

1万+

写代码测试一下： function test(){ var str = ""; for(var i = 1; i <= 10; i++){ str += ""+ i +" "; fontest.innerHTML = str; } } Google Google Google Google Google

Simditor使用方法

itmyhome的专栏

10-27

1万+

一不小心接触到Simditor,瞬间被它优美极简的界面所吸引。Simditor是Tower开源的所见即所得的在线富文本编辑器。Simditor的理念是保持简单,避免过度的功能,每一个特性都追求极致的用户体验。使用方法1、在你的html页面中引用如下文件

空格&nbsp在不同浏览器中显示距离不一致问题解决方法

itmyhome的专栏

05-27

1万+

在ie、firefox、chrome浏览器上显示的效果不太一样，主要是前面的空格宽度不同。网上资料说不同的浏览器会有不同的默认字体，一般 IE默认字体都是宋体，而firefox和chrome的默认字体是Times New Roman，宋体是字符等宽的字体，但Times New Roman不是字符等宽的字体，因为浏览器默认字体的不同，空格符在不同的浏览器下面的显

markdown的超链接加上target='_blank'

itmyhome的专栏

01-11

1万+

markdown的超链接加上target='_blank' Markdown支持两种形式的链接语法：行内式和参考式两种形式。不管是哪一种，链接文字都是用 [方括号] 来标记。要建立一个行内式的链接，只要在方块括号后面紧接着圆括号并插入网址链接即可，如果你还想要加上链接的title文字，只要在网址后面，用双引号把title文字包起来即可，例如：

fancybox关闭弹出窗口parent.$.fancybox.close();

itmyhome的专栏

07-29

1万+

fancybox弹出窗口右上角会自带一个关闭窗口,并且点击遮罩层也会关闭fancybox有时我们不需要这样进行关闭,隐藏关闭窗口,并且遮罩层不可点击在弹出窗口页面加一链接进行关闭使用parent.$.fancybox.close();可进行对其关闭以下为弹出页面的代码：

使<td>中的内容不换行

itmyhome的专栏

12-01

1万+

表格table中的td单元格中，内容过长会自动换行，但换行后的效果有时很不美观，为了不让其换行，可有如下操作：在td标签中有nowrap属性设置其为：这里的字符串很长，但没关系，不会换行的。如何要让所有的td都不换行，现在这样一个个设置太麻烦了，可利用CSS来控制 td{ white-space: normal; } 参考链接：点击打开链接

easyui获取当前点击对象tabs的title

itmyhome的专栏

12-25

9585

现在如果要关闭一个tab，只能点击该tab上面的x号。现增加双击tab使其关闭。可使用jquery的bind函数绑定dblclick双击事件 tabs的关闭方法为close 要传一个title参数表示哪个选项卡将被关闭。所以首先就要获取被点击对象的title。查找AIP getSelected方法是获得选中的选项卡面板，这个不行，没能找到能直接获取title的方法。观察上面打开的tabs选项卡，肯定会有一个目前是被选中状态，而这个状态的class属性也肯定是和其他tabs不一样的，通过chro

<c:if>判断两个<c:forEach>里的数据是否相等

itmyhome的专栏

10-21

8976

问题：两个嵌套，里面循环的值和外面的值进行比较（里层里的PARENTID是否等于外层的ID），如果相等就显示。 ${node.NAME } ${nodes.NAME } 错误的写法：

HTML网页设计：图片属性与布局技巧

通过`WIDTH`和`HEIGHT`属性，我们可以指定图片的显示尺寸，例如`献给英雄的花" WIDTH="30%" HEIGHT="300">`，这里设置了图片的宽度为30%，高度为300像素。此外，`<IMG>`标签还可以通过`BORDER`属性设定图片的边框...