Questions tagged «html»

HTML(超文本标记语言)是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例,以及您要实现的目标的一些想法。此标记很少单独使用,通常与[CSS]和[javascript]配对使用。

16
两行文字溢出省略号
我知道您可以使用CSS规则组合来在溢出时(不超出父级的范围)使文本以省略号(...)结尾。 是否有可能(随意说,不)达到相同的效果,但让文本换行超过一行? 这是一个演示。 div { width: 300px; height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 如您所见,当文本的宽度大于div的宽度时,文本以省略号结尾。但是,仍然有足够的空间使文本换行并继续。这会被中断white-space: nowrap,以使省略号起作用。 有任何想法吗? PS:没有JS解决方案,如果可能的话,使用纯CSS。
117 html  css 

30
HTML 5 <video>标签与Flash视频。优缺点都有什么?
重要更新 这个问题是9年前提出的。那是有道理的,但现在没有。Flash很难解决。&lt;video&gt;支持无处不在,包括移动设备。Flash几乎可以做任何事情,HTML现在也可以做。HTML赢了,Flash丢失了。如果您正在考虑如何在页面中嵌入视频,请使用它&lt;video&gt;,不要再三思。保留该问题仅出于历史价值。 原始问题 &lt;video&gt;如今,新标签似乎大肆宣传,尤其是因为Firefox现在支持它。有关此事的消息在各地的博客中突然出现,每个人似乎都感到兴奋。但是关于? 在搜索的过程中,我找不到能使它比老式Flash视频更好的任何东西。实际上,我只看到它的问题: 所有浏览器都开始支持它尚需时日,大多数人升级还需要更多时间。 Flash已经可用,每个人都拥有。 您可以将Flash与想要控制播放的任何精美UI结合使用。我认为该标签也可以控制(可能通过JavaScript),但是它可以全屏显示吗? &lt;video&gt;我可以看到的标签的唯一两个优点是: 它更“语义化”-可能对包括我在内的很多人都不重要。 它不依赖于一个单一的商业第三方实体(Adobe)-我也不认为这是切换的迫切原因,因为免费播放器和视频转换器已经可用,并且Adobe不会以任何方式阻碍整个过程(甚至不符合他们的利益)。 那么...有什么大不了的? 添加: 好,所以还有一个专业版...也许。支持移动设备。虽然很难说。关于该主题,我想到了很多想法: 究竟有多少移动设备无论是Flash还是其他方式都能以适当的速度解码视频? 主流移动设备获得&lt;video&gt;支持需要多长时间?即使可以通过更新获得,实际上有多少人呢? 有多少人根本在手机上观看网页上的视频? 至于语义部分-我知道搜索引擎现在可能能够更好地检测视频,但是...它们将如何处理它们?OK,所以他们知道页面中有视频。和?他们无法将视频编入索引!我想在这里再谈一些论点。 添加: 刚想到另一个缺点。这开辟了跨浏览器不兼容的全新领域。HTML和CSS在这方面已经很混乱。至少Flash到处都是一样的。但这足以让至少一个主要的浏览器供应商决定拒绝使用该&lt;video&gt;标签(任何人都可以说“ Internet Explorer”吗?),并且我们有一个不错的新领域可供探索。 添加: 一位专业人士刚刚加入。更多竞争=更多创新。确实如此。给Adobe更多的竞争可能会迫使他们在Flash迄今为止缺乏的领域中进行改进。许多人都提到Linux似乎是它的弱点。
116 flash  video  html 

15
如何使用JavaScript在HTML的textArea上施加maxlength
我想要一些功能,如果我写的话 &lt;textarea maxlength="50"&gt;&lt;/textarea&gt; &lt;textarea maxlength="150"&gt;&lt;/textarea&gt; &lt;textarea maxlength="250"&gt;&lt;/textarea&gt; 它将自动将maxlength施加在textArea上。如果可能,请不要在jQuery中提供解决方案。 注意:如果执行以下操作,则可以完成此操作: &lt;textarea onkeypress="return imposeMaxLength(event, this, 110);" rows="4" cols="50"&gt; function imposeMaxLength(Event, Object, MaxLen) { return (Object.value.length &lt;= MaxLen)||(Event.keyCode == 8 ||Event.keyCode==46||(Event.keyCode&gt;=35&amp;&amp;Event.keyCode&lt;=40)) } 复制自:在HTML textarea上模拟HTML输入的“ maxlength”属性的最佳方法是什么? 但是关键是我不想每次声明textArea时都编写onKeyPress和onKeyUp。

6
是否有CSS不等于选择器?
CSS中是否有类似!=(不相等)的内容?例如,我有以下代码: input { ... ... } 但是对于某些输入,我需要使此无效。我想通过在输入标签中添加“重置”类来做到这一点,例如 &lt;input class="reset" ... /&gt; 然后只需从CSS跳过此标签即可。 我该怎么做? 我能看到的唯一方法是在输入标签中添加一些类,然后按如下所示重写CSS: input.mod { ... ... }
116 html  css  css-selectors 

19
有没有很好的可视化HTML5编辑器或IDE?[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow 的主题。 5年前关闭。 改善这个问题 好吧,Dreamweaver CS5似乎将在几年内(实际上是数周)内尝试使HTML5平滑。好像下一个梯级就适合记事本! 任何人都知道具有视觉/预览/风格倾向的优秀HTML5编辑器吗? Eclipse有一些pluggin吗? (似乎市场很快就会乞求。) 谢谢 ...顺便说说。我知道“不支持浏览器” ...“尚未完成” ..etc。这对我们来说不是问题。我们正在制作Safari Only网站和iPhone iAd的唯一产品...因此我们知道在我们的实现中有效的方法。(顺便说一下,我们主要在Windows上)
116 ide  editor  html  html-editor 


4
上传前显示图片预览
在我的HTML表单中,我输入了类型为file的文件,例如: &lt;input type="file" multiple&gt; 然后,通过单击该输入按钮来选择多个文件。现在,我想在提交表单之前显示所选图像的预览。如何在HTML 5中做到这一点?

5
制作页面以告知浏览器不要缓存/保留输入值
大多数浏览器都会缓存表单输入值。因此,当用户刷新页面时,输入具有相同的值。 这是我的问题。用户单击“ 保存”时,服务器将验证POST数据(例如,检查的产品),如果无效,则将其发送回浏览器。但是,如上所述,即使服务器清除了某些值的选择,由于浏览器缓存的原因,它们仍可能被选中! 我的数据具有不可见的(直到父项被选中)复选框,因此用户甚至可能不知道以前的某个值仍处于选中状态,直到再次单击“ 保存”并收到错误消息-即使用户认为没有。这很烦人。 可以通过Ctrl+ 来解决F5,但这甚至不是解决方案。是否有一种自动/编程方式来告诉浏览器不要在某些表单/页面上缓存表单输入数据?


16
如何在浏览器中禁用CSS以进行测试
有什么方法可以禁用浏览器(Firefox,Chrome等)中的所有外部CSS? 当使用较慢的Internet连接时,有时浏览器仅加载裸HTML而没有CSS信息。该页面似乎已被原始放置在屏幕上。您也会通过StackOverflow注意到这一点。 我想确保即使没有加载CSS文件,我的网页也能正常显示。 我并不是说我想将外部CSS转换为内联。但是我想要一种从浏览器中显式禁用所有CSS的方法,以便可以更好,更易读的方式重新放置元素。 我知道可以删除&lt;link rel ='stylesheet'&gt;条目,但是如果我有很多链接页面怎么办?
116 html  css  browser 

4
空的HTML5数据属性有效吗?
我想编写一个简单的jQuery插件,在指定元素下显示内联模式。我的想法是让脚本根据元素上指定的数据属性自动初始化。 一个非常基本的例子: &lt;p data-modal-target&gt;Hover over me for an inline modal!&lt;/p&gt; &lt;div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"&gt;&lt;!-- any desired syntax can go here --&gt;&lt;/div&gt; 我只是想知道data-modal-target上面的示例中是否有效,还是必须这样做data-modal-target="true"?我不在乎什么比IE9更糟糕的东西,我唯一的要求就是它是有效的HTML5。

20
CSS:在img:hover上更改图片src
我需要更改上的&lt;img&gt;源URL hover。 我已经尝试过了,但是不起作用: 的HTML &lt;img id="my-img" src="http://dummyimage.com/100x100/000/fff"/&gt; 的CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle 任何帮助,将不胜感激。 更新: 这仅适用于Webkit / Google Chrome。
116 html  css 



5
如何解决PHP错误“注意:数组在…中转换为字符串”
我有一个试图回显a的PHP文件,$_POST但出现错误,代码如下: echo "&lt;html&gt;"; echo "&lt;body&gt;"; for($i=0; $i&lt;5;$i++){ echo "&lt;input name='C[]' value='$Texting[$i]' " . "style='background-color:#D0A9F5;'&gt;&lt;/input&gt;"; } echo "&lt;/body&gt;"; echo "&lt;/html&gt;"; echo '&lt;input type="submit" value="Save The Table" name="G"&gt;&lt;/input&gt;' 这是回显POST的代码。 if(!empty($_POST['G'])){ echo $_POST['C']; } 但是,当代码运行时,我收到如下错误: Notice: Array to string conversion in C:\xampp\htdocs\PHIS\FinalSubmissionOfTheFormPHP.php on line 8 此错误是什么意思,我该如何解决?
116 php  html 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.