网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 html 自定义标签使用实现方法
内容
    xml文件中可以自由的使用自定义标签,html文件中同样可以使用自定义标签,但有几个注意事项:
    必需设置<html>标签的xmlns属性。例如,可以这样声明:<html xmlns:article>。
    这是因为html文件有一个默认的“名字空间”,<div>,<p>等标签就处在这个默认的“名字空间”中.
    很显然,这个默认的“名字空间”中并不包含我们的“自定义标签”,因此我们只能自己定义一个“名字空间”,让“自定义标签”处在这个自定义的“名字空间”中.
    经过我的尝试,自定义名字空间不可以使用中文。例如,这样声明:<html xmlns:名字空间>是错误的
    在使用自定义标签时,应该使用<namespace:自定义标签>这样的形式,不能写成<自定义标签>这样的形式。
    也就是说,自定义标签的名称前一定要指明它所在的“名字空间”
    自定义标签的样式,既可以在<style>标签中设定,也可以在使用时设定它的style属性(内联式设定)。
    在<style>标签中设定,例如:
    代码如下:
    <style type="text/css">
    article\:文章正文{border:1px solid #ccc;background-color:#efefef;font-weight:bold;}
    </style>
    注意,在<style>标签中设定样式时,在“名字空间”和“:”中间要加上“\”,例如上面写成article\:文章正文,不能写成article:文章正文
    使用自定义标签时设定它的style属性,例如:
    代码如下:
    <article:文章标题>这里是文章的标题</article:文章标题>
    举例:
    代码如下:
    <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
    <html xmlns:article>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>使用自定义标签</title>
    <style type="text/css">
    article\:文章正文{display:block; border:1px solid #ccc; background-color:#efefef; color:#00a;}
    </style>
    </head>
    <body>
    <article:文章标题>
    这里是文章的标题
    </article:文章标题>
    <article:文章正文>
    这里是文章的正文
    </article:文章正文>
    </body
    </html>
    注释:自定义标签的display值默认是inline,在本例中,将其改为block方式显示。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/17 13:46:11