HTML DTD自定义div名称
基本上,我想命名一个基本上是div的自定义标记,但是它有一个不同的名称,这样您可以在查看HTML代码时看到它是什么。引擎盖下的JavaScript将使用HTML DTD自定义div名称,html,dtd,Html,Dtd,基本上,我想命名一个基本上是div的自定义标记,但是它有一个不同的名称,这样您可以在查看HTML代码时看到它是什么。引擎盖下的JavaScript将使用循环视图和循环对象s来完成工作。到目前为止,我有这个,但是页面上显示的是]>。顺便说一下,JavaScript代码还没有真正做任何事情 <!DOCTYPE html [ <!ELEMENT circular-view (circular-object*)> <!ELEMENT circular-object
循环视图
和循环对象
s来完成工作。到目前为止,我有这个,但是页面上显示的是]>
。顺便说一下,JavaScript代码还没有真正做任何事情
<!DOCTYPE html
[
<!ELEMENT circular-view (circular-object*)>
<!ELEMENT circular-object EMPTY>
<!ATTLIST circular-object icon CDATA #REQUIRED>
<!ATTLIST circular-object title CDATA #REQUIRED>
]>
<!--
The custom element circular-view is to be used as a container
for the circular-objects inside
You must set the icon="link to image file"
and title="text" attributes of each circular-object
You can also set the id="" attribute of a circular-view
to give it a custom size, layout, etc
-->
<html>
<head>
<title>Example</title>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<link rel="stylesheet" type="text/css" href="Framework/FrameworkStyles.css"/>
<script src="Framework/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="Framework/Animation.js"></script>
<script type="text/javascript" src="Framework/CircularSelection.js"></script>
<script type="text/javascript" src="Framework/CircularObject.js"></script>
<script type="text/javascript" src="indexScript.js"></script>
<!-- The page-specific JavaScript file should come last in the
list of scripts to avoid any declaration problems -->
</head>
<body onload="pageLoad()">
<!---->
<circular-view id="featuredView"><!--The container-->
<circular-object title="1" icon="Example Pizza.png"/><!--JS will add img and div tags as children to display the stuff-->
<circular-object title="2" icon="Example Pizza.png"/>
<circular-object title="3" icon="Example Pizza.png"/>
<circular-object title="4" icon="Example Pizza.png"/>
<circular-object title="5" icon="Example Pizza.png"/>
<circular-object title="6" icon="Example Pizza.png"/>
<circular-object title="7" icon="Example Pizza.png"/>
<circular-object title="8" icon="Example Pizza.png"/>
<circular-object title="9" icon="Example Pizza.png"/>
<circular-object title="10" icon="Example Pizza.png"/>
<circular-object title="11" icon="Example Pizza.png"/>
</circular-view>
<!---->
</body>
</html>
]>
例子
实际上,我是DTD新手,几个小时前,所以我不确定自己到底在做什么。要使用自定义元素,不需要任何DTD东西。浏览器对DTD一无所知(嗯,大多数情况下)。只需使用元素。并使用您在其他情况下会使用的任何
doctype
字符串,例如简单的
但是,如果您有任何自定义元素的CSS样式,那么您需要使用JavaScript来引入它,如果您希望样式也能在旧版本的IE(IE 8及更旧版本)中使用的话。在本例中,您将在第一次引用任何样式表之前放置以下内容:
<script>
document.createElement('circular-view');
document.createElement('circular-object');
</script>
document.createElement(“圆形视图”);
document.createElement(“循环对象”);
在这种情况下,您可能不想设置这些元素的样式,因此不需要脚本代码
您是否应该使用自定义标记是一个不同的问题,目前在这方面有很多问题,请参阅
看到“]>”的原因是,在使用HTML解析器时,浏览器不处理文档类型声明的内部子集,即[…]
部分。相反,它们在看到[
时停止解析,因此将[>
作为字符数据
该声明的格式甚至在原则上也是错误的,因为它只有内部子集,所以它会使所有其他元素无效
使用XML(XHTML)时解析器,现代浏览器正确地解析内部子集,但它们忽略元素声明。它们不是验证处理器,因此它们不会使用元素声明。这听起来像是一个XY问题。您这样做是为了了解DTD吗?因为可能有更简单的方法。实际上,DTD的主要用途是rves正在验证中。由于自定义元素无论如何都是非标准的,因此让文档根据自定义DTD进行验证也无法帮助浏览器了解如何处理它们。当然,正如提问者可能知道的那样,这就是脚本编写的原因。好吧,那么我怎么说循环是从div中派生出来的呢我拥有的是
函数definecustomements(){}definecustomements();
@user1726450,你没有,他们也没有。当你使用自定义元素时,它只是一个未知元素。你可以设置它的样式,你可以用脚本处理它,但是没有办法将它绑定到标准HTML元素。另一方面,所有的div
实际上都“有”它在CSS中有默认的display:block
。