当前位置:  编程技术>WEB前端
本页文章导读:
    ▪html5新增的属性和废除的属性简要概述 详细出处参考:http://www.jb51.net/html5/73524.html      HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性。 新增的属性 1、表单相关的属性 对input(type=text)、select、textarea与button指定autofocus属性。它以指定属性的方式让元.........
    ▪js 批量设置样式的三种方法      一般我们都用css的class 样式来批量设置样式,现在我们用js也可以批量设置样式:总结三种方法如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题.........
    ▪一台服务器可部署多个tomcat和jdk      一台服务器可部署多个tomcat和jdk 结论:可以在同一个服务器上同时运行不同版本的jdk和不同版本的tomcat。 软件:jdk1.4 (安装版)+ tomcat4.0(免安装)       jdk1.6 (安装.........

[1]html5新增的属性和废除的属性简要概述 详细出处参考:http://www.jb51.net/html5/73524.html
    来源: 互联网  发布时间: 2013-11-06
HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性。


新增的属性


1、表单相关的属性


对input(type=text)、select、textarea与button指定autofocus属性。它以指定属性的方式让元素在画面打开时自动获得焦点。 对input(type=text)、textarea指定placeholder属性,它会对用户的输入进行提示,提示用户可以输入的内容。 对input、output、select、textarea、button与fieldset指定form属性。它声明属于哪个表单,然后将其放置在页面的任何位置,而不失表单之内。 对input(type=text)、textarea指定required属性。该属性表示用户提交时进行检查,检查该元素内必定要有输入内容。 为input标签增加几个新的属性:autocomplete、min、max、multiple、pattern与step。还有list属性与datalist元素配合使用;datalist元素与autocomplete属性配合使用。multiple属性允许上传时一次上传多个文件; pattern属性用于验证输入字段的模式,其实就是正则表达式。step 属性规定输入字段的合法数字间隔(假如 step="3",则合法数字应该是 -3、0、3、6,以此类推),step 属性可以与 max 以及 min 属性配合使用,以创建合法值的范围。 为input、button元素增加formaction、formenctype、formmethod、formnovalidate与formtarget属性。用户重载form元素的action、enctype、method、novalidate与target属性。为fieldset元素增加disabled属性,可以把它的子元素设为disabled状态。 为input、button、form增加novalidate属性,可以取消提交时进行的有关检查,表单可以被无条件地提交。 
2、链接相关属性


为a、area增加media属性。规定目标 URL 是为什么类型的媒介/设备进行优化的。该属性用于规定目标 URL 是为特殊设备(比如 iPhone)、语音或打印媒介设计的。该属性可接受多个值。只能在 href 属性存在时使用。 为area增加herflang和rel属性。hreflang 属性规定在被链接文档中的文本的语言。只有当设置了 href 属性时,才能使用该属性。注释:该属性是纯咨询性的。rel 属性规定当前文档与被链接文档/资源之间的关系。只有当使用 href 属性时,才能使用 rel 属性。 为link增加size属性。sizes 属性规定被链接资源的尺寸。只有当被链接资源是图标时 (rel="icon"),才能使用该属性。该属性可接受多个值。值由空格分隔。 为base元素增加target属性,主要是保持与a元素的一致性。 
3、其他属性 


为ol增加reversed属性,它指定列表倒序显示。 为meta增加charset属性 为menu增加type和label属性。label为菜单定义一个课件的标注,type属性让才当可以以上下文菜单、工具条与列表cande但三种形式出现。 为style增加scoped属性。它允许我们为文档的指定部分定义样式,而不是整个文档。如果使用 "scoped" 属性,那么所规定的样式只能应用到 style 元素的父元素及其子元素。 为script增减属性,它定义脚本是否异步执行。async 属性仅适用于外部脚本(只有在使用 src 属性时)有多种执行外部脚本的方法: 如果 async="async":脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行) 如果不使用 async 且 defer="defer":脚本将在页面完成解析时执行 如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本 为html元素增加manifest,开发离线web应用程序时他与API结合使用,定义一个URL,在这个URL上描述文档的缓存信息。 为iframe增加撒个属性,sandbox、seamless、srcdoc。用来提高页面安全性,防止不信任的web页面执行某些操作。 
废除的属性


HTML4中一些属性在HTML5中不再被使用,而是采用其他属性或其他方式进行替代。


在HTML 4中使用的属性  使用该属性的元素  在HTML 5中的替代方案  
rev  link、a  rel  
charset  link、a  在被链接的资源的中使用HTTP Content-type头元素  
shape、coords  a  使用area元素代替a元素  
longdesc  img、iframe  使用a元素链接到校长描述  
target  link  多余属性,被省略  
nohref  area  多余属性,被省略  
profile  head  多余属性,被省略  
version  html  多余属性,被省略  
name  img  id  
scheme  meta  只为某个表单域使用scheme  
archive、chlassid、codebose、codetype、declare、standby  object  使用data与typc属性类调用插件。需要使用这些属性来设置参数时,使用param属性  
valuetype、type  param  使用name与value属性,不声明之的MIME类型  
axis、abbr  td、th  使用以明确简洁的文字开头、后跟详述文字的形式。可以对更详细内容使用title属性,来使单元格的内容变得简短  
scope  td  在被链接的资源的中使用HTTP Content-type头元素  
align  caption、input、legend、div、h1、h2、h3、h4、h5、h6、p  使用CSS样式表替代  
alink、link、text、vlink、background、bgcolor  body  使用CSS样式表替代  
align、bgcolor、border、cellpadding、cellspacing、frame、rules、width  table  使用CSS样式表替代  
align、char、charoff、height、nowrap、valign  tbody、thead、tfoot  使用CSS样式表替代  
align、bgcolor、char、charoff、height、nowrap、valign、width  td、th  使用CSS样式表替代  
align、bgcolor、char、charoff、valign  tr  使用CSS样式表替代  
align、char、charoff、valign、width  col、colgroup  使用CSS样式表替代  
align、border、hspace、vspace  object  使用CSS样式表替代  
clear  br  使用CSS样式表替代  
compace、type  ol、ul、li  使用CSS样式表替代  
compace  dl  使用CSS样式表替代  
compace  menu  使用CSS样式表替代  
width  pre  使用CSS样式表替代  
align、hspace、vspace  img  使用CSS样式表替代  
align、noshade、size、width  hr  使用CSS样式表替代  
align、frameborder、scrolling、marginheight、marginwidth  iframe  使用CSS样式表替代  
autosubmit  menu  


新增的结构标签

section元素
表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用,表示文档结构。例:HTML5中<section>……</section>;HTML4中<div> ……</div>。
article元素
表示页面中一块与上下文不相关的独立内容。比如一篇文章。
aside元素
表示article元素内容之外的、与article元素内容相关的辅助信息。
header元素
表示页面中一个内容区块或真个页面的标题。
hgroup元素
表示对真个页面或页面中的一个内容区块的标题进行组合。
footer元素
表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。
nav元素
表示页面中导航链接的部分。
figure元素
表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。例如:

复制代码代码如下:
<figure>
<figcaption>PRC</figcaption>
<p>The People's Republic of China was born in 1949</p>
</figure>
HTML4中常写作
<dl>
<h1>prc</h1>
<p>The People's Republic of China was born in 1949</p>
</dl>

新增的其他元素
video元素
定义视频。像电影片段或其他视频流。例:<video src=/blog_article/"movie.ogg" controls="controls">video元素</video>
HTML4中写法:
<object type="video/ogg" data="move.ogv">
  <param name ="src" value="movie.ogv">
</object>
audio元素
定义音频。

    
[2]js 批量设置样式的三种方法
    来源:    发布时间: 2013-11-06

一般我们都用css的class 样式来批量设置样式,现在我们用js也可以批量设置样式:

总结三种方法如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
#div1{ width:100px; height:100px; background:#069;}
</style>
<script type="text/javascript">
//第一种使用JSON
function setStyle(obj,json){
for(var i in json)
{
obj.style[i]=json[i];
}
}
window.onload=function(){
var oDiv=document.getElementById('div1');
// setStyle(oDiv, {width: '200px', background: 'red'}); //第一种
// oDiv.style.cssText="width: 200px; height:300px; background:yellow;"; //第二种 使用cssText

  //使用第三种 with (不推荐使用)
with(oDiv.style)
{
width='300px';
height='500px';
background='yellow';
}

};
</script>
</head>

<body>
<div id="div1"></div>
</body>
</html>

 博客是本人学习后,保存于博客,如有错误和问题请留言,大家一起讨论。

 

本文链接


    
[3]一台服务器可部署多个tomcat和jdk
    来源: 互联网  发布时间: 2013-11-06

一台服务器可部署多个tomcat和jdk


结论:可以在同一个服务器上同时运行不同版本的jdk和不同版本的tomcat。

软件:jdk1.4 (安装版)+ tomcat4.0(免安装)
      jdk1.6 (安装版)+ tomcat5.0(免安装)

软件配置:
组合                 环境变量jdk配置     环境变量
jdk1.4+tomcat4.0     JAVA_HOME           CATALINA_HOME
jdk1.6+tomcat5.0     JAVA_HOME6          CATALINA_HOME6

Tomcat/bin下文件修改(也可以不做修改)
1)tomcat4.0不需要做任何修改
2)tomcat5.0下,将/bin下所有的.bat文件中的JAVA_HOME替换为JAVA_HOME6;
CATALINA_HOME替换为CATALINA_HOME6;
3)tomcat5.0/conf/server.xml文件中的端口作如下修改,目的是改变端口,
以免和tomcat5.0冲突,
(1)<Server port="7005" shutdown="SHUTDOWN" debug="0">
(2)<Connector port="7009"
               enableLookups="false" redirectPort="8443" debug="0"
               protocol="AJP/1.3" />
(3)<Connector
    port="28080" maxThreads="150" minSpareThreads="25" maxSpareThreads="75"
               enableLookups="false" redirectPort="8443" acceptCount="100"
               debug="0" connectionTimeout="20000"
               disableUploadTimeout="true" />

作者:zyuc_wangxw 发表于2013-2-25 17:51:08 原文链接
阅读:0 评论:0 查看评论

    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3