Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可以使用自定义标记而不是<;p>;标签_Javascript_Css_Html - Fatal编程技术网

Javascript 可以使用自定义标记而不是<;p>;标签

Javascript 可以使用自定义标记而不是<;p>;标签,javascript,css,html,Javascript,Css,Html,我有一些带有CSS的HTML和一个实例,其中我使用了一个自定义HTML标记,而不是,它会显示出来,我的CSS会拾取标记,而另一个实例则无法显示文本。如果我替换 布局控件与布局控件一起显示 我已经穿上了一件衣服。JS可以在我的浏览器和Coda2中使用,但不能在JS fiddle中使用。如果有人能指出这对我来说是什么的话,我可能也在做错事 如果有任何人们关心的最佳实践评论,我也没意见,这里来学习 <body> <div class="input_group_box">

我有一些带有CSS的HTML和一个实例,其中我使用了一个自定义HTML标记,而不是
,它会显示出来,我的CSS会拾取标记,而另一个实例则无法显示文本。如果我替换
布局控件
布局控件

一起显示

我已经穿上了一件衣服。JS可以在我的浏览器和Coda2中使用,但不能在JS fiddle中使用。如果有人能指出这对我来说是什么的话,我可能也在做错事

如果有任何人们关心的最佳实践评论,我也没意见,这里来学习

<body>   
  <div class="input_group_box">
    <title>Layout Controls</title><br />
    <sub-title>X-Position</sub-title><br />
    <input id="/layout/1/slider" class="slider" type="range" value="0" min="-1" max="1" step="0.001" onclick="bind('/layout/1', 'slider', parseInt(this.value*1000)/1000)" />
    <input id="/layout/1/number" class="number-box"    type="number" value="0" min="-1" max="1" step="0.01" onclick="bind('/layout/1', 'number', parseFloat(this.value))" /><br />    
   </div>
</body>

布局控件
X位置


任何人都不知道为什么我的Javascript没有在演示中绑定这两个输入。可能是我需要更改JSFIDLE load设置,我对此一无所知。

我怀疑
标记是为页面标题保留的,您不应该将其用于任何其他目的…

我怀疑
标记是为页面标题保留的,您不应该将其用于任何其他目的…

是MTML5标记,不是自定义标记

试试这个,它的CSS。好的:

title {
    font-size: 16px;
    font-family: HelveticaNeue-Bold, sans-serif;  

    display: inline;
}
是MTML5标记,而不是自定义标记

试试这个,它的CSS。好的:

title {
    font-size: 16px;
    font-family: HelveticaNeue-Bold, sans-serif;  

    display: inline;
}

使用自定义标记时存在几个问题,请参阅,例如。他们会使编码变得更容易一些,但大多数情况下这不是一个好主意。改用类,例如
。但是如果某个标题是标题,请考虑使用标题标记,如“代码> H2 < /代码>和<代码> H3。对于表单字段,也可以在
字段集中使用
图例


title
元素是另一种情况,因为它总是在HTML中定义的,并且具有特殊的角色和处理。仅允许在
头部
零件中使用。如果将其放在
正文中
,效果取决于浏览器。

使用自定义标记时存在一些问题,请参见例如。他们会使编码变得更容易一些,但大多数情况下这不是一个好主意。改用类,例如
。但是如果某个标题是标题,请考虑使用标题标记,如“代码> H2 < /代码>和<代码> H3。对于表单字段,也可以在
字段集中使用
图例


title
元素是另一种情况,因为它总是在HTML中定义的,并且具有特殊的角色和处理。仅允许在
头部
零件中使用。如果将其放在
正文中
,效果取决于浏览器。

title
标记用于设置页面标题,无论在何处使用,也不管应用了什么CSS规则
title
标签用于设置页面的标题,无论在哪里使用,也不管应用了什么CSS规则!