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

2016-02-19 12:45 63 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

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

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

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

html5指南-3.如何实现html元素拖拽功能

标签： Web开发

本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽，需要借助js，现在html5内部就支持了拖拽的功能，但是要实现稍微复杂的功能还是少不了js的帮忙。下面我们看几个例子。 1.创建拖拽对象我们可以通过draggable属性告诉浏览器，哪些元素需要实现拖拽功能。draggable有三个值：true：元素可以被拖拽；false：元素不...

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

标签： Web开发

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

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

标签： Web开发

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

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

标签： Web开发

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

HTML5 canvas 基本语法

标签： Web开发

HTML 5 canvas 基本语法简述 5 规范引进了很多新特性，其中最令人期待的之一就是元素。HTML 5 提供了通过 JavaScript 绘制图形的方法，此方法使用简单但功能强大。每一个元素都有一个"上下文( context )" (想象成绘图板上的一页)，在其中可以绘制任意图形。浏览器支持多个 canvas 上下文，并通过不同的提供图形绘制功能。 5 规...

查看更多精彩>>