使用自定义HTML标签来进行网页设计

2016-02-19 21:40 43 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐使用自定义HTML标签来进行网页设计,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

  如果能在自己的网页中使用自定义的标签是不是很酷呢,比如用你的网站的域名、用你的网名、用你所爱的人的名字来定义HTML标签并内嵌到网页中,本文就介绍一下这方面的内容。

  本文以我的网名的拼音为例来自定义HTML标签。

网名:龙犊,拼音:longdu

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  首先需要在html标签中进行这样的申明:html xmlns:longdu,xmlns即xml name space的缩写,是HTML标记的命名空间属性:一般其声明在元素开始标记的地方。只要在这里申明了我要使用的longdu这一自定义标签,语法分析器就会认识这个标签并赋予我定义的属性了。

  下面我们来定义一下这个标签所要使用的属性了,在style/style标签中加入下面的语句即:

以下是引用片段:

style type="text/css"
longdu:my{border:1px solid #ccc;background-color:#efefef;font-weight:bold;}
/style

  上面这段代码自定义了longdu:my/longdu:my这个闭合标签的显示属性。:是自定义标签前缀。

  当然,你还可以这样定义:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

以下是引用片段:
style type="text/css"
longdu:your{border:1px solid red;background-color: #FFF5F4;font-weight:bold;}
/style

  它定义的是longdu:your/longdu:your闭合标签的样式属性。

  完整的代码:

以下是引用片段:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns:longdu
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title使用自定义标签/title
style type="text/css"
longdu:my{border:1px solid #ccc;background-color:#efefef;font-weight:bold;}
longdu:your{border:1px solid red;background-color: #FFF5F4;font-weight:bold;}
/style
/head
body
longdu:my我是龙犊/longdu:my
longdu:your你是龙犊/longdu:your
/body
/html

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

延伸阅读
标签: 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&q...
Android中的TextView,本身就支持部分的Html格式标签。这其中包括常用的字体大小颜色设置,文本链接等。使用起来也比较方便,只需要使用Html类转换一下即可。 比如: textView.setText(Html.fromHtml(str)); 然而,有一种场合,默认支持的标签可能不够用。比如,我们需要在textView中点击某种链接,返回到应用中的某个界面,而不仅仅是网络...
标签: Web开发
CSS高级布局已逐渐流行,但面对所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会严重影响代码的可阅读性,活用HTML为我们提供的标签吧。 什么时候应该用DIV? 虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV: div i...
在项目开发中,可能系统自带的一些widget不能满足我们的需求,这时就需要自定义View。 通过查看系统中的常用widget如Button,TextView,EditText,他们都继承自View,所以我们在继承自定义View的时候也自然的需要继承View。 1、首先新建一个类LView继承自View 代码如下: public class LView extends View {  private Paint paint; ...
《死侍》自定义键位心得完美自定义键位 方式1: Q作为传送反击键,鼠标左键轻击,右键重击,中键开枪,E键瞄准放大,R重装和互动,ZXC分别对应键盘的轻枪重,其他不变。 鼠标左键轻击,右键重击,中键开枪,这个几乎没什么可说的。 ZXC的定义是不想占用其他键位,再就是方便看刚开始了解连招,也比较形象和对称,有时还可以用来释放动...

经验教程

786

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部