我们需要在内部网络应用程序中显示刻度符号(✓或✔),理想情况下要避免使用图像.
必须在XP机顶盒上以IE 6.0.2900开始工作,理想情况下我们需要它是跨浏览器(IE +最新版本的FF).
以下显示框虽然将浏览器编码设置为UTF-8(META运行良好而不是问题).Times New Roman的默认字体(可能是一个问题,但尝试Lucida Sans Unicode没有帮助,我既没有安装Arial Unicode MS,也没有安装Lucida Grande).
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
✓ ✔
</body>
</html>
任何帮助赞赏.
以下在IE 6.0和IE 7下工作:
<html>
<head>
</head>
<body>
<span style="font-family: wingdings; font-size: 200%;">ü</span>
</body>
</html>
如果有人可以在Windows下查看FF,我将不胜感激.我很确定它不适用于非Windows机器.
最近我一直在阅读越来越多关于在HTML标签中使用自定义属性的人,主要是为了嵌入一些额外的数据用于javascript代码.
我希望收集一些关于是否使用自定义属性是一个好习惯的反馈,以及一些替代方案.
现在看来似乎真的可以简化既服务器端和客户端的代码,但它也不是W3C标准.
我们应该在我们的网络应用程序中使用自定义HTML属性吗？为什么或者为什么不？
对于那些认为自定义属性是好事的人:使用它们时要记住哪些事项？
对于那些认为自定义属性是坏事的人:你用什么方法来完成类似的事情？
更新: 我最感兴趣的是各种方法背后的推理,以及为什么一种方法比另一种更好的原因.我想我们都可以用4-5种不同的方式来完成同样的事情.(隐藏元素,内联脚本,额外类,从ids解析信息等).
更新2: 似乎HTML 5 data-属性功能在这里有很多支持(我倾向于同意,它看起来像一个可靠的选项).到目前为止,我还没有看到这个建议的反驳方式.使用这种方法是否有任何问题/陷阱？或者它只是对当前W3C规范的"无害"失效？
我在网页上有一个下拉列表,当值字符串包含引号时,它会断开.
值是"asd但在DOM中始终显示为空字符串.
我已经尝试过各种我认识的方法来正确地逃避弦乐但无济于事.
<option value=""asd">test</option>
<option value="\"asd">test</option>
<option value=""asd">test</option>
<option value=""asd">test</option>
知道如何在页面上呈现这一点,以便回发消息包含正确的值吗？
似乎有一些不同的技术,所以我希望得到一个"确定的"答案...
在网站上,通常的做法是创建链接到主页的徽标.我想做同样的事情,同时最好地优化搜索引擎,屏幕阅读器,IE 6+以及禁用CSS和/或图像的浏览器.
示例一:不使用h1标记.对SEO不太好吧？
<div id="logo">
<a href="">
<img src="logo.png" alt="Stack Overflow" />
</a>
</div>
示例二:在某个地方找到它.CSS似乎有点hacky.
<h1 id="logo">
<a href="">Stack Overflow</a>
</h1>
/* css */
#logo {
padding: 70px 0 0 0;
overflow: hidden;
background-image: url("logo.png");
background-repeat: no-repeat;
height: 0px !important;
height /**/:70px;
}
示例三:相同的HTML,使用text-indent的不同方法.这是图像替换的"Phark"方法.
<h1 id="logo">
<a href="">Stack Overflow</a>
</h1>
/* css */
#logo {
background: transparent url("logo.png") no-repeat scroll 0% 0%;
width: 250px;
height: 70px;
text-indent: -3333px;
border: 0;
margin: 0;
}
#logo a { …在XHTML页面中包含另一个XHTML页面的最正确方法是什么？我一直在尝试不同的方式,但都没有.
有没有办法用破折号(即 - 或 - –或 - —)创建HTML格式的列表样式
<ul>
<li>abc</li>
</ul>
输出:
- abc
li:before { content: "-" };虽然我不知道该选项的缺点(并且非常有必要提供反馈),但是我想到了这样的事情.
更一般地说,我不介意知道如何使用通用字符列表项.
我想知道在xhtml 1.0 strict中有什么选项可以在文本的两边创建一条线 - 所以:
Section one ----------------------- Next section ----------------------- Section two
我想过做一些像这样的奇特事情:
<div style="float:left; width: 44%;"><hr/></div>
<div style="float:right; width: 44%;"><hr/></div>
Next section
或者,因为上面的对齐问题(垂直和水平):
<table><tr>
<td style="width:47%"><hr/></td>
<td style="vertical-align:middle; text-align: center">Next section</td>
<td style="width:47%"><hr/></td>
</tr></table>
这也有对齐问题,我解决这个问题:
<table><tr>
<td style="border-bottom: 1px solid gray; width: 47%"> </td>
<td style="vertical-align:middle;text-align:center" rowspan="2">Next section</td>
<td style="border-bottom: 1px solid gray; width: 47%"> </td>
</tr><tr>
<td> </td>
<td> </td>
</tr></table>
除了对齐问题之外,这两个选项都感觉"有点",如果你以前碰巧看过这个问题并且知道一个优雅的解决方案,我会非常感激.
我试图弄清楚如何只在表格内添加边框.当我做:
table {
border: 0;
}
table td, table th {
border: 1px solid black;
}
边界围绕整个表格,也在表格单元格之间.我想要实现的是在表格单元格周围的表格内只有边框(表格周围没有外边框).
这是我用于表格的标记(尽管我认为这并不重要):
<table>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
</tr>
<tr>
<td>Cell (1,1)</td>
<td>Cell (1,2)</td>
</tr>
<tr>
<td>Cell (2,1)</td>
<td>Cell (2,2)</td>
</tr>
<tr>
<td>Cell (3,1)</td>
<td>Cell (3,2)</td>
</tr>
</table>
以下是我应用于大多数表格的一些基本样式:
table {
border-collapse: collapse;
border-spacing: 0;
}
XHTML中的所有有效自闭元素(例如<br/>)是什么(由主要浏览器实现)？
我知道XHTML在技术上允许任何元素自我关闭,但我正在寻找所有主要浏览器支持的那些元素的列表.有关由自关闭元素(如<div />)引起的某些问题的示例,请参见http://dusan.fora.si/blog/self-closing-tags.