HTML5草案里面其实有原生的字幕标签( Tag' ref='nofollow'> Tag)的，但使用的是vtt格式的文件，非常规的字幕（.sub, .srt）或歌词文件（.lrc）。用法如下（代码来自W3School）：<videowidth="320"height="240"controls><sourcesrc="forrest_gump.mp4"type="video/mp4"><sourcesrc="forrest_gump.ogg"type="video/ogg"><tracksrc="subtitles_en.vtt"kind="subtitles"srclang="en"label="English"><tracksrc="subtitles_no.vtt"kind...
前端之HTML5，CSS3（一） HTML5中常用内容标签 header标签 header标签定义文档的页眉，基本语法：<header>content</header>。 nav标签 nav标签定义导航链接部分，基本语法：<nav>content</nav>。 footer标签 footer标签定义文档的页脚，基本语法：<footer>content</footer>。 article标签 article标签定义文章内容部分，基本语法：<article>content</article>。 section标签 section标签定义文档...
header，section，footer，aside，nav，main，article，figure在使用的时候，需要先把这个元素变为块级元素，确保在老的浏览器里面可以使用。因为在浏览器检测到未知的标签时，会自动识别为行内元素。初始化语句：header，section，footer，aside，nav，main，article，figure{display:none;}这几个元素在h5里面是作为块级元素存在的。在html5里面还可以自己创建一个标签，用：document.createElement("你要创建的标签名哦")。但是...
HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶 段，但大部分浏览器已经支持某些HTML5技术。HTML5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet ap...
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素 ）height: viewport 的高度 （范围从 223 到 10,000 ）initial-scale: 初始的缩放比例 （范围从>0到 10 ）minimum-scale: 允许用户缩放到的最小比例maximum-scale: 允许用户缩放到的最大比例user-scalable: 用户是否可以手动缩放<meta name="apple-mobile...
最近项目中遇到的问题如下： 利用html5中的 video 标签去播放视频，但是发现有的mp4格式的视频可以播放，有的mp4格式的视频不能播放。视频格式 首先 video 标签只支持MPEG4，Ogg，WebM 三种视频格式，浏览器支持情况如下：但是，video标签对这三种视频格式是有具体要求的Ogg = 带有 Theora 视频编码 + Vorbis 音频编码 MPEG4 = 带有 H.264 视频编码 + AAC 音频编码 WebM = 带有 VP8 视频编码 + Vorbis 音频编码所以，就...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用的3个标签</title></head><body> <h1>静夜思</h1> <hr> <h4>李白</h4> <p>床前明月光</p> <p>疑是地上霜</p> <p>举头望明月</p> <p>低头思故乡</p></body></html>原文：http://www.cnblogs.com/houweidong/p/7467809.html
HTML标签分为块级元素和行内元素。行内元素和块级元素区别 1、块级元素会独占一行，其宽度自动填满其父元素宽度；行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容变化而变化 2、 块级元素可以设置 width, height属性；行内元素设置width, height无效 3、 块级元素可以设置margin 和 padding；行内元素的margin 和 padding在水平方向有效，竖直方向无效 4、行内...
html5标签的变化<!doctype html><htmllang="zh-CN"><head><metacharset="utf-8" /><title>html5标签的变化</title><styletype="text/css">/* html5中所有结构标签本质上就是div标签，只是其具有意义 *//* 页面头部header */header{height:150px; background:red;}nav{height:30px;background:pink;margin-top:100px;}navulli{float:left;width:100px;height:30px;line-height:30px;}/* 页面中间 */div{height:400px;margin-top:10p...
定义和用法 <embed> 标签定义嵌入的内容，比如插件。 实例 <embed src="helloworld.swf" /> HTML 4.01 与 HTML 5 之间的差异 <embed> 标签是 HTML 5 中的新标签。 属性 new : HTML5 中的新属性。 属性值描述heightpixels设置嵌入内容的高度。srcurl嵌入内容的 URL。typetype定义嵌入内容的类型。widthpixels设置嵌入内容的宽度。这里说它是 HTML 5 中的新标签，其实它在HTML4中早已见怪不怪了。 为什么说它是个鸡肋呢？ 那是因为sr...
原文：http://baidu-27167647.iteye.com/blog/2200059
for 属性规定 label 与哪个表单元素绑定。隐式和显式的联系标记通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为 <label> 标签下的 for 属性命名一个目标表单 id，这样就是显式形式。显式的联系： <label for="SSN">Social Security Number:</label><input type="text" name="SocSecNum" id="SSN"/>隐式的联系： <label>Date of Birth: <input type="text" name="DofB"/>...
这是一篇综合几个前辈的解决方案。使用video的时候，要遇到的问题。①不兼容ie9及其以下版本在<head>里添加两行, 参考张鑫旭前辈的博客，但是在ie8中薄播放。 <!--[if lt IE 9]><script src="js/assets/js/ie8-responsive-file-warning.js"></script><![endif]--><script src="js/assets/js/ie-emulation-modes-warning.js"></script><!--[if lt IE 9]><script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js...
最近做了这样的一个功能，在wap网页上实现类似小红书app里的图片标签功能，很是蛋疼。 上传页示例如下图： 可以看到最上面的①是展示区域，也是编辑标签的操作区域；中间②是可滑动的缩略图，在此选择要编辑的图片；最下面③是“添加图片”和“添加标签”两个按钮。 废话不多说，下面介绍具体实现思路。 首先就是要有“选择图片”的按钮。1 <input type="file" name="fileToUpload" accept="image/*" multiple onchang...
新增标签 1.结构标签（块状元素）——有意义的div <article> 标记定义一篇文章 <header> 标记定义一个页面或一个区域的头部 <nav> 标记定义导航链接 <section> 标记定义一个区域 <aisde> 标记定义页面内容的侧边栏 <hgroup> 标记定义文件中一个区块的相关信息 <figure> 标记定义一组媒体内容以及他们的标题 ...