Questions tagged «html»

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

19
Twitter bootstrap 3两列全高
我正在尝试使两列全高使用twitter bootstrap 3布局。似乎twitter bootstrap 3不支持全高布局。我想做的事: +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | | | | | | | | | | | | | | | +------------+------------------------------------+ 如果内容增加,则导航也应增加。 每个父母的身高100%无效,因为在某些情况下内容为一行。 绝对位置似乎是错误的方法 display: table 和 display:table-cell解决这个问题,但它是胜之不武 的HTML: <div class="container"> <div …

16
为什么vertical-align:middle在我的span或div上不起作用?
我正在尝试将一个span或div元素垂直居中放置在另一个div元素中。但是当我放进去时vertical-align: middle,什么也没发生。我尝试过更改display两个元素的属性,但似乎没有任何效果。 这是我当前在网页中执行的操作: .main { height: 72px; vertical-align: middle; border: 1px solid black; padding: 2px; } .inner { vertical-align: middle; border: 1px solid red; } .second { border: 1px solid blue; } <div class="main"> <div class="inner"> This box should be centered in the larger box <div class="second">Another box in here</div> …
246 html  css 


8
页面加载后如何运行函数?
我想在页面加载时运行一个函数,但是我不想在<body>标记中使用它。 我有一个脚本,如果在中将其初始化,它将运行<body>,如下所示: function codeAddress() { // code } <body onLoad="codeAddress()"> 但是我想在没有的情况下运行它,<body onload="codeAddress()">并且我尝试了很多事情,例如: window.onload = codeAddress; 但这是行不通的。 那么如何在页面加载后运行它?
246 javascript  html  onload 



16
从HTML横向打印
我有一个HTML报告,由于列很多,因此需要横向打印。是否有一种方法可以执行此操作,而无需用户更改文档设置? 在浏览器中有哪些选择。
244 html  css  printing 

15
如何在JavaScript中实现DOM数据绑定
请将此问题视为严格的教育意义。我仍然有兴趣听到新的答案和想法来实现这一目标 tl; dr 如何使用JavaScript实现双向数据绑定? 数据绑定到DOM 例如,通过将数据绑定到DOM,我的意思是拥有一个a带property 的JavaScript对象b。然后有一个<input>DOM元素(例如),当DOM元素发生变化时,它a也会发生变化,反之亦然(即,我是指双向数据绑定)。 这是AngularJS的示意图: 所以基本上我的JavaScript类似于: var a = {b:3}; 然后是一个输入(或其他形式)元素,例如: <input type='text' value=''> 我希望输入的值是a.b(例如)的值,并且当输入文本更改时,我也想a.b更改。当a.bJavaScript更改时,输入也会更改。 问题 有什么基本的技术可以在普通JavaScript中完成此操作? 具体来说,我想提供一个很好的答案: 绑定如何作用于对象? 如何聆听表格中的更改可能会起作用? 是否可以通过简单的方式仅在模板级别修改HTML?我不想在HTML文档本身中跟踪绑定,而仅在JavaScript中跟踪(带有DOM事件,而JavaScript始终引用所使用的DOM元素)。 我尝试了什么? 我是Mustache的忠实粉丝,所以我尝试使用它进行模板制作。但是,由于Mustache将HTML作为字符串处理,因此在尝试自行执行数据绑定时遇到了问题,因此,在获得结果后,我将不再引用视图模型中对象的位置。我可以想到的唯一解决方法是使用属性修改HTML字符串(或创建的DOM树)本身。我不介意使用其他模板引擎。 基本上,我有一种很强烈的感觉,就是正在手头的问题变得复杂,并且有一个简单的解决方案。 注意:请不要提供使用外部库的答案,尤其是成千上万行代码的库。我用过(并且喜欢!)AngularJS和KnockoutJS。我真的不想要“使用框架x”形式的答案。理想情况下,我希望将来的读者不知道如何使用许多框架来自己掌握如何实现双向数据绑定。我不希望得到一个完整的答案,但是会得到一个完整的想法。

7
网页的加载和执行顺序?
我已经完成了一些基于Web的项目,但是对于普通网页的加载和执行顺序,我考虑得并不多。但是现在我需要知道细节。很难从Google或SO找到答案,因此我创建了这个问题。 示例页面如下: <html> <head> <script src="jquery.js" type="text/javascript"></script> <script src="abc.js" type="text/javascript"> </script> <link rel="stylesheets" type="text/css" href="abc.css"></link> <style>h2{font-wight:bold;}</style> <script> $(document).ready(function(){ $("#img").attr("src", "kkk.png"); }); </script> </head> <body> <img id="img" src="abc.jpg" style="width:400px;height:300px;"/> <script src="kkk.js" type="text/javascript"></script> </body> </html> 所以这是我的问题: 该页面如何加载? 加载的顺序是什么? 何时执行JS代码?(内联和外联) CSS何时执行(应用)? $(document).ready什么时候执行? 会下载abc.jpg吗?还是只是下载kkk.png? 我有以下理解: 浏览器首先加载html(DOM)。 浏览器开始逐行从上到下加载外部资源。 如果一个 <script>满足a,将阻止加载并等待,直到加载并执行JS文件,然后继续。 其他资源(CSS /图像)并行加载并在需要时执行(例如CSS)。 还是这样的: 浏览器解析html(DOM),并以数组或类似堆栈的结构获取外部资源。加载html后,浏览器开始并行加载结构中的外部资源并执行,直到所有资源都加载完毕。然后,根据JS,将根据用户的行为更改DOM。 任何人都可以详细说明当您得到HTML页面的响应时会发生什么情况?这在不同的浏览器中是否有所不同?关于这个问题有参考吗? …
244 javascript  html  css 


6
如何不包装div的内容?
我有一个固定宽度,里面div有两个按钮。如果按钮的标签太长,则它们会缠绕-一个按钮停留在第一行,而下一个按钮紧随其后而不是与其相邻。 如何强制将div其展开,以使两个按钮都在一行上?
243 html  css 

30
使用Python从HTML文件中提取文本
我想使用Python从HTML文件中提取文本。如果要从浏览器复制文本并将其粘贴到记事本中,我希望得到的输出基本上相同。 我想要比使用正则表达式更健壮的东西,因为正则表达式可能在格式不正确的HTML上失败。我见过很多人都推荐Beautiful Soup,但使用它时遇到了一些问题。例如,它拾取了不需要的文本,例如JavaScript源。此外,它没有解释HTML实体。例如,我希望' 将HTML源代码中的HTML转换为文本中的撇号,就像我将浏览器内容粘贴到记事本中一样。 更新 html2text看起来很有希望。它正确处理HTML实体,并忽略JavaScript。但是,它不能完全产生纯文本;它会产生markdown,然后必须将其转换为纯文本。它没有示例或文档,但是代码看起来很干净。 相关问题: 过滤掉HTML标签并解析python中的实体 在Python中将XML / HTML实体转换为Unicode字符串




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.