只要一提到把JavaScript放到网页中，就不得不涉及Web的核心语言——HTML。在当初开发JavaScript的时候，Netscape要解决的一个重要问题就是如何做到让JavaScript既能与HTML页面共存，又不影响那些页面在其他浏览器中的呈现效果。经过尝试、纠错和争论，最终的决定就是为Web增加统一的脚本支持。而Web诞生早期的很多做法也都保留了下来，并被正式纳入HTML规范当中。<script>元素 向HTML页面中插入JavaScript的主要方法，就是使用<...
html模板常用表现形式<script id="template" type="text/template"> <!-- 模板部分 --><!-- 模板结束 --> </script> $("#templte").html();备注：html()方法和text()的区别，html取选择器中的html内容(包括标签)，而text()只取选择器中文档的文本(不包含标签)<pre name="code" class="html"><script id="template" type="text/x-template"> <!-- 模板部分 --><!-- 模板结束 --> </script><pre name="code" class="html"><scrip...
一个name可以同时对应多个控件，比如checkbox和radio而id必须是全文档中唯一的id的用途1） id是HTML元素的Identity，主要是在客户端脚本里用。2） label与form控件的关联，如 <label for="MyInput">My Input</label> <input id="MyInput" type="text"> for属性指定与label关联的元素的id，不可用name替代3）脚本中获得对象：IE支持在脚本中直接以id（而不是name）引用该id标识的对象。例如上面的input，要在脚本中...
这任务需求我们使用推特的前端框架bootstrap来实现。先放psd图。上传这些图片也蛮大的。为此我使用office picture manager压缩了图片。方法：alt+p+o，然后tab+下方按钮选中用于网页，点击保存就ok 一。还原含有“50万年薪”的psd静态页面先思考：发现1.三张psd图的头部尾部的设定是一样的，可以抽离出来，弄成g-header,g-content,g-footer这命名符合我另外一篇文章：css样式书写规范+特殊符号，有兴趣的可以翻看。发现2.content中...
web前端开发的工作流程的第一步就是根据ui给的psd来还原设计图样貌。可是一打开满屏的参考线。这时我们可以alt+v+d清空参考线这时可以按alt+鼠标拖放图片。同时也可以按F进入半屏和匀速连按两次F进入全屏。F7为调出图层面板。下一步，是找到我们需要的图层图片。（前提是设置了） 接着 总结：1，显示要切图的图片图层并改名称2，文件-生成-图像资源（ctrl+r：打开标尺，ctrl+alt+z：撤销前两步，ctrl+h：隐藏参考线，ctrl+alt+sh...
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类：是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很...
html中pre标签怎么用<html> <head> </head> <body> 12344 </body> </html>以上一个网页的源码，那么我现在要把源码输出－那么用pre标签怎么办？<pre>这里写你想写的代码~~~~ </pre>就是这样用的<html> <head> </head> <body>12344 <pre> <html> <head> </head> <body>12344 </body> </html> </pre> </body> </html>这么写为什么不对？pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把...
前言 前些日子一同事问了我一个关于code标签和pre标签的问题，嗯，是的，这两个标签凑到一块，便出现了问题。于是总结了一下。此文就重点谈一下code标签和pre标签喽，谈谈他们的定义，区别，应用以及这两个家伙凑到一块应该怎么使用。以及当这两个标签嵌套使用时，不同的浏览器对这个嵌套的解析是什么。一、嵌套顺序 code标签和pre标签是可以嵌套使用的，需要指出的是，火狐之前某一版本在解析code标签和pre标签的嵌套时...
问题场景：我在 A 页面点击了一个请求，新开一个页面(B)，在后端 通过 HttpServletResponse.getWriter().write(html) 的方式，将信息写入到 新开的页面 B 里面;【题外话：这样做的原因是为了解决新开页面被浏览器拦截的问题】但是在 IE6,7,8 ，ff 都没有问题；但是在chrome 里面，竟然在我新写的内容放在了<pre>标签中；关于html <pre>标签：<摘自：w3school>pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空...
progressprogress 标签定义运行中的任务进度（进程）。属性属性值描述maxnumber规定要完成的最大值valuenumber规定进程的当前值positionfloat返回进度条的当前位置labels-返回进度条的标记列表(如有)max缺省情况下进度值范围从0.0~1.0,如果设置成max=100,则进度取值范围从0~100.value规定当前值,若max=100,value=50则进度刚好一半.value属性的存在与否决定了progress进度条是否具有确定性.当没有value时,浏览器进度条会无限循环,但...
老板或甲方是一个需求的真正发起者，也是一个基础idea的梦想师，产品是需求专业化梳理或进行有效评估细化需求负责的，而设计是前端的上游，前端是设计的下游。设计的工作目的是把产品宏观的思维结果进行专业的处理，因为按一般的习惯，产品最终的结果是原型图，而原型图可以理解为设计的草图， 对真正的用户来说，这个草图过于简单或不符合使用的操作习惯，所以需要设计师进行专业的处理，比如颜色搭配，布局分隔，有时候还兼交...
日期表示 <fmt:formatDate value="${DATE1}" pattern="yyyy-MM-dd hh:mm:ss" type="date" dateStyle="long" /> <fmt:formatDate value="${DATE2}" type="date" pattern="yyyy-MM-dd"/>百分数，千分数表示<fmt:formatNumber value="${DoubleVALUE}" type="number" pattern="0.00‰" /> 0.01 ‰ <fmt:formatNumber value="${DoubleVALUE}" type="number" pattern="0.00%" /> 0.20 %其他数字表示<fmt:formatNumber value=...
定义和用法param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的 <object> 或者 <applet> 标签提供参数。实例向 HTML 代码添加一个对象：<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" width="100" height="50"> <param name="BorderStyle" value="1" /> <param name="MousePointer" value="0" /> <param name="Enabled" value="1" /> <par...
object标签 功能：object标签用于定义一个嵌入的多媒体对象。语法：<object>...</object>object元素用于向页面添加多媒体对象，包括Flash、音频、视频等。它规定了对象的数据和参数，以及可用来显示和操作数据的代码。<object>与</object>之间的文本是替换文本，如果用户的浏览器不支持此标签会显示这些文本。object元素中一般会包含<param>标签，<param>标签可用来定义播放参数。<object>和<embed>标签的区别：两者都是用来播放多...
本文主要介绍 param 和 embed 标签中有关 flash 的一些属性及其属性值。首先我们需要知道 param 和 embed 标签是单独出现的，而不是成对出现的，下面的代码是一般 flash 嵌套的代码：<!DOCTYPE HTML> <html lang="en"> <head><meta charset="utf-8"/><title>flash嵌套</title></head><body><object width="468" height="287" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" cl...