您的位置：首页 > 编程技术 > html  >  什么是html,xhtml

什么是html,xhtml

 更新时间：2016年9月20日 19:01  点击：2032

因为是现在才学习html，所以我还是按照标准来，也就是符合w3c标准，这样的话做出来的东西也比较好点，也就直接学习xhtml.
        XHTML 是什么？

        * XHTML 指扩展超文本标签语言（EXtensible HyperText Markup Language）。
        * XHTML 的目标是取代 HTML。
        * XHTML 与 HTML 4.01 几乎是相同的。
        * XHTML 是更严格更纯净的 HTML 版本。
        * XHTML 是作为一种 XML 应用被重新定义的 HTML。
        * XHTML 是一个 W3C 标准。
        虽然在html中的标签大小写是一样的，但为了符合xhtml，建议都小写,养成良好的习惯。
        HTML 文档是由 HTML 元素构成的文本文件。HTML 元素是通过使用 HTML 标签进行定义的。
        HTML 标签
        * HTML 标签是用来标记 HTML 元素的。
        * HTML 标签被 < 和 > 符号包围。
        * 这些包围的符号叫作尖括号。
        * HTML 标签是成对出现的。例如 <b> 和 </b>。
        * 位于起始标签和终止标签之间的文本是元素的内容。
        * HTML 标签对大小写不敏感，<b> 和 <B> 的作用的相同的。建议都写成小写
       html的结构
       <HTML>
       <HEAD>
                     <TITLE>一个简单的HTML示例</TITLE>
        </HEAD>
        <BODY>
         正文内容
       </BODY>
</HTML>
由于html是一个简单的静态语言，所以我们看到它的整体结构就看一下手册，我正在看，计划一天结束html。
最后加一个html手册。大家看下手册就行了，一定要记住符合xhtml

今天收藏了大量的正则表达试代码,我想这想这些都是常用的会对各位朋友们有用的.下面来看看吧.
      匹配特定字符串：

      ^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串

      ^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串

      ^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串

      ^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串

      ^w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串

      评注：表单验证时很实用

      匹配网址URL的正则表达式：[a-zA-z]+://[^s]*

      评注：网上流传的版本功能很有限，上面这个基本可以满足需求

      匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$

      评注：表单验证时很实用

      匹配HTML标记的正则表达式：<(S*?)[^>]*>.*?</1>|<.*? />

      评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力

      匹配首尾空白字符的正则表达式：^s*|s*$

      评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式

     
      评注：中国的身份证为15位或18位

      匹配ip地址：d+.d+.d+.d+

      评注：提取ip地址时有用

      匹配特定数字：
       ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$　 //匹配浮点数

      ^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$　　 //匹配非负浮点数（正浮点数 + 0）

      ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$　　//匹配非正浮点数（负浮点数 + 0）
       ^-[1-9]d*|0$　　 //匹配非正整数（负整数 + 0）

      ^[1-9]d*.d*|0.d*[1-9]d*$　　 //匹配正浮点数    

      ^[1-9]d*|0$　 //匹配非负整数（正整数 + 0）    

      ^-([1-9]d*.d*|0.d*[1-9]d*)$　 //匹配负浮点数

      ^[1-9]d*$　 　 //匹配正整数

      ^-[1-9]d*$ 　 //匹配负整数

      ^-?[1-9]d*$　　 //匹配整数

      评注：处理大量数据时有用，具体应用时注意修正

       匹配中文字符的正则表达式： [u4e00-u9fa5]

      匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*

     
      匹配国内电话号码：d{3}-d{8}|d{4}-d{7}

      评注：匹配形式如 0511-4405222 或 021-87888822
   
      匹配身份证：d{15}|d{18}

      评注：匹配中文还真是个头疼的事，有了这个表达式就好办了

      匹配双字节字符(包括汉字在内)：[^x00-xff]

      评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

      匹配空白行的正则表达式：ns*r

      评注：可以用来删除空白行

       匹配腾讯QQ号：[1-9][0-9]{4,}

      评注：腾讯QQ号从10000开始

      匹配中国邮政编码：[1-9]d{5}(?!d)

      评注：中国邮政编码为6位数字
本站收藏转载请注明www.111cn.net/phper/php.html

01、让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动：
<Body Background="图片文件" bgproperties="fixed">

02、让你的网页无法另存为
<noscript><iframe src=*></iframe></noscript>

03、让IFRAME框架内的文档的背景透明
<iframe src="about:<body style=‘background:transparent‘>" allowtransparency></iframe>
04、禁止右键：
<bodyonmouseup="document.selection.empty()">

05、进入页面后立即自动刷新？
<meta http-equiv="refresh" content="120;url=http://www.qpsh.com">
http://www.qpsh.com,这是你自己的网址。

06、打开窗口即最大化
<script language="JavaScript">
  <!-- Begin
　　self.moveTo(0,0)
　　self.resizeTo(screen.availWidth,screen.availHeight)
  // End -->
</script>

07、能隐藏IFRAME的滚动条吗？我知道的三种方法：
(1)、设置iframe scrolling="no"
(2)、被包含页body应用overflow:hidden
(3)、被包含页的body标签加scroll="no"
08、加入背景音乐
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE ,TT都适用
09、嵌入网页
<iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

10、跳转
<meta http-equiv="refresh" content="3;URL=list.htm">

11、滚动
<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>
12、细线分隔线
<hr noshade size=0 color=#C0C0C0>
13、过度方式
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

15、如何控制横向和纵向滚动条的显隐？
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显
16、怎样在 FrontPage2000 中加入 Flash 动画？
在 FrontPage2000 中,点击[插入]->[高级]->[插件]，在弹出的窗口中，设置一下 Flash 文件的大小及其它信息，确定即可。
17、加入注释的格式是：
<!-［注释内容…］-->
18、怎样在网页中加入 E-mail 链接并显示预定的主题？
<A href="[email=Email@263.net?subject]mailto:Email@263.net?subject[/email]=主题">……</a>

19、定义本网页关键字，可以在<Head></Head>中加入如下代码:
<meta name="Keywords" content="china,网页特效园地,business,net">
Content 中所包含的就是关键字,你可以自行设置。
这里有个技巧，你可以重复某一个单词，这样可以提高自己网站的排行位置，如：
<meta name="Keywords" content="china,china,china,china">
20、IE5.0 的部分快捷键：
A：打开查找功能：Ctrl+F
关闭浏览器窗口：Ctrl+W
打开地址栏下拉列表框：F4
刷 新：F5
将当前Web页保存到收藏夹列表：Ctrl+D
打开当前 IE 窗口的一个拷贝：Ctrl+N
停止下载当前网页：Esc
光标迅速移动到网页的开头：Home
光标迅速移动到网页的尾部：End
打开新的地址键入窗口：Ctrl+O
打开收藏夹：Ctrl+I
打开历史记录文件夹：Ctrl+H
打开浏览器设定的默认主页：Alt+HOME
21、添加到收藏夹：
<a href="javascript:window.external.addFavorite(‘http://链接‘,‘说明‘);">添加到收藏夹</a>
22、设为首页：
<a href=# onclick=this.style.behavior=‘url(#default#homepage)‘;this.setHomePage(‘http://链接‘);>设为首页</a>
23、定制浏览器地址栏前的小图标：
A：在网页的<head></head>间加入以下语句：

link rel="shortcuticon" href="http://…/icon.ico">

即可。其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。
24、把滚动条放在浏览器窗口的左边
A：在 <body> 中加 dir=RTL，即 <body dir=RTL>。

怎么我们来看看我用php实现图片上传并支持预览效果,这是在帮一个相管客户写网站时用到了,我今天把它贴出来吧.

图片上传带预览效果

我们看看布局代码.

<table><tr>
    <td height="50" align="center" class="td_heng">相片一</td>
    <td class="td_heng" style="padding:10px;"><input name="uploadinput[]" type="file" onchange="yulan('div1',this);" size="35" /></td>
    <td class="td_heng"   id="div1" ></td>
  </tr>
  <tr>
    <td height="50" align="center" class="td_heng">相片二</td>
    <td class="td_heng" style="padding:10px;"><input name="uploadinput[]" type="file"  onchange="yulan('div2',this);" size="35" /></td>
    <td class="td_heng"  id="div2">&nbsp;</td>
  </tr>
  <tr>
    <td height="50" align="center" class="td_heng">相片三</td>
    <td class="td_heng" style="padding:10px;"><input name="uploadinput[]" type="file"  onchange="yulan('div3',this);" size="35" /></td>
    <td class="td_heng"  id="div3">&nbsp;</td>
  </tr>
  <tr>
    <td height="50" align="center" class="td_heng">相片四</td>
    <td class="td_heng" style="padding:10px;"><input name="uploadinput[]" type="file" onchange="yulan('div4',this);" size="35" /></td>
    <td class="td_heng"  id="div4">&nbsp;</td>
  </tr>
  <tr>
    <td width="12%" height="50" align="center" class="td_heng">相片五</td>
    <td width="37%" class="td_heng" style="padding:10px;">
    <input name="uploadinput[]" type="file" onchange="yulan('div5',this);" size="35" /></td>
    <td width="51%" class="td_heng"  id="div5">&nbsp;</td>
  </tr></table>

 我们看到了特地指出蓝色的代码,下面就是我们用js 程序了.

function yulan(str,o)
{
var fileext=o.value.substring(o.value.lastIndexOf("."),o.value.length)
        fileext=fileext.toLowerCase()
   
        if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp'))
        {
            alert("对不起，系统仅支持标准格式的照片，请您调整格式后重新上传，谢谢 ！");
            o.focus();
        }
        else
        {
        document.getElementById(str).innerHTML="<img src='"+o.value+"' height=60 style='border:1px dashed #ccc'>"
        }
 
}

哈哈,就写完了,上传就用php 很简单的我就不多说了,最后申明一点本站原创文章转载请注明原处,尊重站的劳动:  www.111cn.net

昨天公司要写一个多组的投票系统,要求前台在未把内容提交给服务器脚本之前要进行判断,所以就出来这个问题哦.下面我们就来js判断单选框[radio]是否_选中的代码吧.

<form action="post.php" method="post"  name="add" enctype="multipart/form-data" onSubmit="return check();" >
<h1>1、ssss？</h1>
<input name="v1" type="radio" value="300年">300年            
<input name="v1" type="radio" value="400年">400年              
<input name="v1" type="radio" value="1000年">1000年

</form>

上面是个简单的radio单选组,我们来看看js是怎么判断的吧.

<script>

var radio1=document.getElementsByName("v1");
   for(var i=0;i<radio1.length;i++)
   {
         if(radio1.item(i).checked==true)
             {
     flag1=1;
                  break;

       }
   }

!flag1?return alert('未选');

</script>

哈哈不写完了,是不是很简单啊,申明一下,:本站原创文章转载请注明:  www.111cn.net 

 

[!--infotagslink--]

相关文章

  • php中去除文字内容中所有html代码

    PHP去除html、css样式、js格式的方法很多，但发现，它们基本都有一个弊端：空格往往清除不了 经过不断的研究，最终找到了一个理想的去除html包括空格css样式、js 的PHP函数。...2013-08-02

  • IE6-IE9中tbody的innerHTML不能赋值的解决方法

    IE6-IE9中tbody的innerHTML不能赋值，重现代码如下 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IE6-IE9中tbody的innerHTML不能复制bug</title> </head> <body style="height:3...2014-06-07

  • XML、HTML、CSS与JS的区别整理

    在BS中，xml，html，css和js我们都学过，起初分不清这四者的区别和联系，随着知识的增长，有了一些体会，下面通过本文给大家简单介绍 XML、HTML、CSS与JS的区别，需要的朋友参考下...2016-02-21

  • Angular.js中下拉框实现渲染html的方法

    这篇文章主要给大家介绍了关于在Angular.js中下拉框实现渲染html的方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来跟着小编一起来学习学习吧。...2017-06-24

  • angularjs中ng-bind-html的用法总结

    这篇文章主要介绍了angularjs中ng-bind-html的用法总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2017-05-27

  • PHP正则表达式过滤html标签属性(DEMO)

    这篇文章主要介绍了PHP正则表达式过滤html标签属性的相关内容，实用性非常，感兴趣的朋友参考下吧...2016-05-06

  • C#使用正则表达式过滤html标签

    最近在开发一个项目，其中有需求要求我们把一段html转换为一般文本返回，使用正则表达式是明智的选择，下面小编给介绍下C#使用正则表达式过滤html标签，需要的朋友参考下...2020-06-25

  • C# 使用 WebBrowser 实现 HTML 转图片功能的示例代码

    这篇文章主要介绍了C# 如何使用 WebBrowser 实现 HTML 转图片功能，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下...2020-11-03

  • js innerHTML 改变div内容

    在做ajax无刷新时,我想很多朋友都会知道js innerHTML来更改 div 或table里面的值哦. JavaScript的innerHTML 永远不知道你可以改变的内容，一个HTML元素？也许你要...2016-09-20

  • IE6-IE9使用JSON、table.innerHTML所引发的问题

    这篇文章主要介绍了IE6-IE9使用JSON、table.innerHTML所引发的问题 ,需要的朋友可以参考下...2015-12-24

  • JS实现pasteHTML兼容ie,firefox,chrome的方法

    这篇文章主要介绍了JS实现pasteHTML兼容ie,firefox,chrome的方法,涉及javascript针对页面元素的动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2016-06-24

  • html中MIME介绍及用途说明

    MIME表示多用途Internet邮件扩允协议。多用途互联网邮件扩展类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使...2016-09-20

  • Razor TagHelper实现Markdown转HTML的方法

    下面小编就为大家分享一篇Razor TagHelper实现Markdown转HTML的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-09-22

  • IE下select标签innerHTML插入option的BUG

    调用方法 addOption(sltObj, '<option>a</option>'); 代码如下 var sltObj=document.getElementById('xx');//获取select对象，这里只是给个例子，可以按自己习惯来获...2016-09-20

  • React html中使用react的两种方式

    这篇文章主要介绍了React html中使用react的两种方式,本文给大家提到了React pwa的配置代码，给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-04-06

  • JS中innerHTML和pasteHTML的区别实例分析

    这篇文章主要介绍了JS中innerHTML和pasteHTML的区别,结合实例形式较为详细的分析了innerHTML和pasteHTML的具体功能与使用区别,需要的朋友可以参考下...2016-06-24

  • Python下利用BeautifulSoup解析HTML的实现

    这篇文章主要介绍了Python下利用BeautifulSoup解析HTML的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-04-27

  • ASP.NET过滤HTML字符串方法总结

    这篇文章主要介绍了ASP.NET过滤HTML字符串方法总结,需要的朋友可以参考下...2021-09-22

  • HTML+CSS+JavaScript做女朋友版的刮刮乐(一看就会)

    这篇文章主要介绍了HTML+CSS+JavaScript做女朋友版的刮刮乐(一看就会)本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-08-25

  • innerHTML属性，outerHTML属性，textContent属性，innerText属性区别详解

    innerHTML属性用来读取或设置某个节点内的HTML代码。outerHTML属性用来读取或设置HTML代码时，会把节点本身包括在内。textContent属性用来读取或设置节点包含的文本内容。innerText属性和outerText属性在读取元素节点...2015-03-15