首页 美食 育儿 手工 生活 美妆 美容 设计 电脑 综合
首页 相关文章 自定义html标记替换html5新增元素

自定义html标记替换html5新增元素


在html 5增加了新元素header、footer，测试过发现IE不能解析html 5新增的元素。
代码如下：!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
style type="text/css"
!--
*{
margin:0;
padding:0;
}
header{
background:#090;
font-weight:bold;
position:absolute;
top:10px;
}
footer{
...[ 查看全文 ]

2016-02-19 标签:
Web开发

自定义html标记替换html5新增元素的相关文章

  • HTML5之HTML元素扩展(上)—新增加的元素及使用概述
    标签：Web开发
    考虑我们开发一个页面的过程 ： 1.设计页面的结构 - HTML：这个过程是使用各种HTML元素构建网页的结构。 2.设计页面的外观 - CSS：这个过程是使用CSS去改善网页的外观。 3.设计页面的行为 - Javascript：这个过程是给网页的元素赋予一定的行为。 上面这些除了CSS外，HTML5在另外两个方面都不同程度的进行了扩充。这个系列是集中在第一个方面。在前面，我们已经学习了复杂的canvas和svg元素，下面的章节会总...[ 查看全文 ]
    ︶ㄣ灬柴尐程
    171
  • HTML5 Canvas自定义圆角矩形与虚线示例代码
    标签：Web开发
    HTML5 Canvas自定义圆角矩形与虚线(RoundedRectangle and Dash Line) 实现向HTML Canvas 2d context绘制对象中添加自定义的函数功能演示，如何绘制虚线以及控制虚线间隔大小，学会绘制圆角矩形的技巧。 HTML5 Canvas绘制对象中提供的原生功能没有实现绘制圆角矩形与虚线的功能，但是通过JavaScript语言的Object.prototype可以实现对对象CanvasRenderingContext2D添加这两个函数功能。代码的演示效果如下：...[ 查看全文 ]
    smile124578
    331
  • html5拖曳操作 HTML5实现网页元素的拖放操作
    标签：Web开发
    HTML5之前，要实现网页元素的拖放操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5中引入了直接支持拖放操作的API，大大简化了网页元素的拖放操作编程难度，并且这些API除了支持浏览器内部元素的拖放外，同时支持浏览器和其它应用程序之间的数据互相拖动。 本文通过一个简单示例，演示HTML5中拖放API的使用方法。 场景： 如下图所示，我们要实现： 通过拖放将照片从...[ 查看全文 ]
    咱_只有那么穷
    621
  • HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
    标签：Web开发
    在HTML5增强的元素中，最值得关注的就是表单元素。在HTML5中，表单已经做了重大的修整，一些以前需要通过JavaScript编码实现的功能现在无需编码就可轻松实现。在开始讨论之前，需要注意一点： 在HTML5中，表单控件是可以处于其所属的一个或多个表单的外部的。所以，表单控件像fieldset，label，input这些都加入了form属性，用于标识表单控件所属的表单。 在HTML5中 ： 1. form元素自身增加了两个新的属...[ 查看全文 ]
    笑俯三皇五帝
    21
  • html5指南-3.如何实现html元素拖拽功能
    标签：Web开发
    本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽，需要借助js，现在html5内部就支持了拖拽的功能，但是要实现稍微复杂的功能还是少不了js的帮忙。下面我们看几个例子。 1.创建拖拽对象 我们可以通过draggable属性告诉浏览器，哪些元素需要实现拖拽功能。draggable有三个值：true：元素可以被拖拽；false：元素不能被拖拽；auto：浏览器自己判断元素是否能被拖拽。 系统默认值...[ 查看全文 ]
    baby鸡蛋炒韭菜
    61
  • HTML5标签小集
    标签：Web开发
    HTML标签； meta属性Content,name,scheme !DOCTYPE a属性coords,shape, abbr属性 address属性 area属性 article属性 aside属性 audio属性 b属性 base属性 bdo属性 blockquoe属性 body属性 br属性 button属性 canvas属性 caption属性 cite属性 code属性 col属性 colgroup command datalist dd del details dfn div dl dt em embed fields...[ 查看全文 ]
    曦囍熙熹
    31
  • html5 svg 中元素点击事件添加方法
    标签：Web开发
    最近在用svg的点击事件做东西，之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件，他们之间详细的区别如下： Canvas 与 SVG 的比较（详见） 下表列出了 canvas 与 SVG 之间的一些不同之处。 Canvas •依赖分辨率 •不支持事件处理器 •弱的文本渲染能力 •能够以 .png 或 .jpg 格式保存结果图像 •最适合图像密集型的游戏，其中的许多对象会被频繁重绘 SVG &...[ 查看全文 ]
    假行僧0life
    2271
  • HTML5 新旧语法标记对我们有什么好处
    标签：Web开发
    众所周知，HTML是互联网有史以来最伟大的发明。这种超文本标记语言实际上是现代互联网发展的一个基石，以它为中心出现了一个独特的自给自足的体系。 当开发HTML5时，它的设计者们正面对着一些很重要的问题，希望能在HTML5里解决。其中的一个问题是，要创建一个真正简洁明了而且易于扩展的语义。 目前这个问题中棘手的部分是老版本的HTML当时是以功能多样的理念为目标设 – 大量的各种各样的标记，当时...[ 查看全文 ]
    没名没意思
    41
  • HTML5中如何显示视频呢 HTML5视频播放demo
    标签：Web开发
    今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 在HTML5中，video元素目前支持三种格式的视频文件， 1.Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 2.MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 3.WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 那么在...[ 查看全文 ]
    爷们儿是朵錵
    41
  • HTML5新增的Css选择器、伪类介绍
    标签：Web开发
    选择器 p[name^=my]{font-size:14px} 选择器 ^= 讲规则应用到所有 name属性以my开头的p元素标签 p[name$=my]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性以my结尾的p元素标签 p[name*=my]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性包含my结尾的p元素上 选择器 、 + 、~ 选择器表示受影响的元素是第一个元素的子元素。 选择器+这 个选择器引用紧跟元素之后的元素，这两个元素...[ 查看全文 ]
    靠人脉奋斗生活
    41
  • HTML5的标签的代码的简单介绍 HTML5标签的简介
    标签：Web开发
    HTML是人们在万维网上沟通和交流所必须要使用的核心标记语言。最新版本的超文本标记语言HTML5已经带着新的功能和要素推出了，这里提供一些信息供您学习HTML5. HTML5 是基于HTML4.01，XHTML1.0和DOM级别2HTML的下一代推荐标准。它的目标是减少对专有RIA技术的需要，就比如Adobe Flash, MicrosoftSilverlight 和 Sun JavaFX. 这个改进HTML的想法由WHATWG始于2004年且现在还在继续，虽然一些改进的部...[ 查看全文 ]
    祢是我年少的梦
    121
  • HTML组件之:定义标记和命名空间
    标签：Html CSS布局 Div+CSS XHTML
    ===定义标记和命名空间=== HTC的基础是自定义标记，自定义标记的第一次出现是在IE5。0中，它可以让WEB作者通过与结构关联的一系列样式来定义文挡结构，例如：您可以定义一个新标记 （段落右对其） @media all { DOCJS\:RIGHT {text-align:right; width:100} } Read Doc JavaScript's columns, tips, tools, and tutorials 在Internet Explorer中您要为页面定义自定义标记，必须为该标...[ 查看全文 ]
    Devil°243
    311
  • HTML5 解析规则分析
    标签：Web开发
    尽管HTML 5中的一些部分目前争议比较大，关于解析的这部分得到了浏览器厂商的一致认同。一旦浏览器开始实现它，用户就可以从所带来的兼容性提升中获益。 HTML 5解析规则的最初实现之一是为了支持HTML 5验证器而开发的。（如果你想测试这个验证器的话，http://ejohn.org应该是合法的HTML 5。）这个实现是用Java开发的，提供了SAX和DOM的接口，并且是开源的。 有趣的是Henri Sivonen（验证器的作者）最近为G...[ 查看全文 ]
    ok无言的凝眸
    51
  • html5 canvas 使用示例
    标签：Web开发
    复制代码代码如下: !DOCTYPE HTML html head meta charset="UTF-8" titleHTML5示例/title style type="text/css" #container{border:1px solid #ccc;width:800px;height:600px;position:relative;} canvas{position:absolute;top:0px;left:0px;z-index:1;} /style /head body select id="tools" option value="pen"铅笔/option option value="line"直线/option option value="rect"矩形/optio...[ 查看全文 ]
    cj7182006
    41
  • HTML5<video>使用DOM进行自定义控制示例代码
    标签：Web开发
    HTML5的video虽然可用controls来展示控件，并进行控制播放暂停等，但是不同的浏览器显示的效果可能不一样，所以很多时候我们需要使用Dom来进行自定义的一些操作和控制。下面是一个小例子。 当然效果不是很美观，若想好看的可以自己设置css样式等。 代码如下： div id="video_div" style="text-align:center;" button onclick="playPause()"播放/暂停/button button onclick="toBig()"大/button button...[ 查看全文 ]
    黑色曼陀罗961
    21
  • 替换HTML代码
    将一些HTML替换掉 eg: strContent=strContent.Replace("&","&"); strContent=strContent.Replace("'","''"); strContent=strContent.Replace(" strContent=strContent.Replace(">",">"); strContent=strContent.Replace("chr(60)","<"); strContent=strContent.Replace("chr(37)",">"); strContent=strContent.Replace("\"","""); strContent=strContent.Replace(";",";"); strContent=strCont...[ 查看全文 ]
    Ainy幸福
    51
  • html5的新增的标签和废除的标签简要概述
    标签：Web开发
    新增的结构标签 section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2等元素结合起来使用，表示文档结构。例：HTML5中section/section;HTML4中div /div。 article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。 aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。 header元素 表示页面中一个内容区块或真个页...[ 查看全文 ]
    好色不花心乄
    21
  • HTML5和以前HTML4的区别整理
    标签：Web开发
    HTML5是HTML标准的下一个版本。虽然HTML5没有完全颠覆HTML4，但是它们也有一些不同。最新最全的HTML5-HTML4对比信息请看http://dev.w3.org/html5/html4-differences/，貌似略多的样子。在这个IE还仍然存在的世界里，HTML5的差别先掌握一些即可，等全部支持后再细细研究也不迟。 1. 简化的语法 HTML5简化了很多细微的语法，例如doctype的声明，你只需要写!doctype html就行了。HTML 5 指定 UTF-8 编码的方...[ 查看全文 ]
    副导演浩东
    41
  • HTML5中的Article和Section元素认识及使用
    标签：Web开发
      HTML5带出了一系列新元素，并且将在未来被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：article和section。 最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？ Section元素 这 是一个最容易产生歧义的元素。它与div元素有什么区别？我们一直在用div来划分段落，所以除 了div,我们什么时候使用这个元素。我们引用官方文档来阐...[ 查看全文 ]
    paranoid依旧
    21
  • html5开发之viewport使用
    标签：Web开发
    随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点 viewport 语法介绍： 代码如下： !-- html document -- meta name="viewport" content=" height = [pixel...[ 查看全文 ]
    梦里寻她baby
    21
手机页面
收藏网站 回到头部