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

2016-02-19 12:45 66 1 收藏

下面图老师小编跟大家分享自定义html标记替换html5新增元素，一起来学习下过程究竟如何进行吧！喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发】

在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{
background:#f90;
font-weight:bold;
position:absolute;
bottom:10px;
}
--
/style
/head
body
header这里是顶部/header
footer这里是尾部/footer
/div
/body
/html

用自定义标签可以解决浏览器兼容的问题
代码如下：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns:layout
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title自定义html标签/title
style type="text/css"
!--
*{
margin:0;
padding:0;
}
layout:header{
background:#090;
font-weight:bold;
position:absolute;
top:10px;
}
layout:footer{
background:#f90;
font-weight:bold;
position:absolute;
bottom:10px;
}
--
/style
/head
body
layout:header这里是顶部/layout:header
layout:footer这里是尾部/layout:footer
/body
/html

来源:http://www.tulaoshi.com/n/20160219/1601833.html

上一篇： HTML5的结构和语义(5):内嵌媒体
下一篇：辨别QQ好友隐身还是离线小技巧

看过《自定义html标记替换html5新增元素》的人还看了以下文章更多>>

HTML5 新旧语法标记对我们有什么好处

标签： Web开发

众所周知，HTML是互联网有史以来最伟大的发明。这种超文本标记语言实际上是现代互联网发展的一个基石，以它为中心出现了一个独特的自给自足的体系。当开发HTML5时，它的设计者们正面对着一些很重要的问题，希望能在HTML5里解决。其中的一个问题是，要创建一个真正简洁明了而且易于扩展的语义。目前这个问题中棘手的部分是老版本的HTML当时是...

HTML5 Canvas概述

标签： Web开发

canvas是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。右面的图象展示了一些canvas的应用示例，我们将会在此教程中看到他们的实现。 canvas最先在苹果公司(Apple)的Mac OS X Dashboard上被引入，而后被应用于Safari。基于Gecko1.8的浏览器，...

html5 svg 中元素点击事件添加方法

标签： Web开发

最近在用svg的点击事件做东西，之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件，他们之间详细的区别如下： Canvas 与 SVG 的比较（详见）下表列出了 canvas 与 SVG 之间的一些不同之处。 Canvas •依赖分辨率 •不支持事件处理器 •弱的文本渲染能力 •能够以 .png 或 .jpg 格式保存结果图像 •...

自动识别HTML的标记替换连接

标签： Web开发

代码如下： % Function SenFe_UbbCode(sContent) Dim TempReg Set TempReg = New RegExp With TempReg .IgnoreCase = True .Global = True '自动识别网址 If InStr(Lcase(sContent),"http://")0 Then .Pattern = "(^|[^=""])(http:(\/\/|\\\\)(([\w\/\\\+\-~`@:%])+\.)+([\w\/\\\.\=\？\+\-~`@\':!%#]|(&)|&)+)" sContent = .Repla...

HTML5中如何显示视频呢 HTML5视频播放demo

标签： Web开发

今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。在HTML5中，video元素目前支持三种格式的视频文件， 1.Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 2.MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 3.Web...

查看更多精彩>>