HtmlCSSCS的基本语法及模板开发.docxVIP

XHTML、CSS、CS基本语法及模板开发XHTML基本语法简介XHTML 是更严谨更纯净的 HTML 版本。XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。语法XHTML 元素必须被正确地嵌套。inputlabel/label/inputXHTML 元素必须被关闭。空标签也必须使用结束标签，或者其开始标签必须使用/结尾。例如br/标签名必须用小写字母。XHTML 元素必须小写，XHTML 规范定义：标签名和属性对大小写敏感。XHTML 文档必须拥有根元素。属性名称必须小写 属性值必须加引号 属性不能简写 例如：这是错误的：input type=”checkbox” name=”select1” checked这是正确的：input type=”checkbox” name=”select1” checked=checked /以上具体参照 /xhtml_syntax.html/xXHTML_syntax.XHTML所有使用到的URL中，特殊字符（例如，，）必须escape。例如，以下是非法的：a href=foo.cgi?chapter=1section=2copy=3.../alt;gt;必须这样写：a href=foo.cgi?chapter=1amp;section=2amp;copy=3.../a嵌入的stylesheet和脚本需要使用CDATA（见XHTML 1.0规范：/TR/XHTML1/#h-4.8）。例如： script type=text/javascript ![CDATA[ ... unescaped content ... ]]/script支持标签和属性列表name class文本格式标签标签属性说明br换行i, em斜体strong, b粗体Linka href=”…” Link的默认颜色为蓝色。Link功能如下：a href=ryt:// lisi 历史明细/a, 当以ryt://开头时则直接加载内容在客户端显示div name=”lisi”tabletr/tr/table/diva href=http://……/a, 当url以http://开头时则以wap的形式打开手机浏览器显示（如果智能手机支持内嵌浏览器，则一般在内嵌浏览器中打开）a href=tel://4008888888客服电话/a, 当url以tel://开头则表示用户点击该连接时使用通话功能Inputinput type=”text” name=”” class=”input1”type =”password”TagAttributesNotesinputborder=0/1”表示是否有边框，1表示有边框，0表示无边框，无边框的同时也无背景色（0/1）hold=显示在输入框中的输入提示文字style=-wap-input-format:…;-wap-input-format：…确定输入框的输入类型，多种类型组合时以“；”分隔。具体定义如下：-wap-input-format: N :表示只能输入整数,如123，-123-wap-input-format: n :表示只能输入实数,如123,-123,12.50，-0.15-wap-input-format: date :表示要求输入的是日期-wap-input-format: phone :表示要求输入的是电话号码隐藏域的使用：input type=hidden name=’name’ value=value/Imageimg src=”…”图片的宽和高由样式表规定（如果没有设定则视具体设备的屏幕大小决定）。src的值有两种：需要网络下载。例如：”/images/head.png” ，此时为到后台服务中取图片。如果为互联网上的地址该：”http://img/?name=.....”。本地加载。例如：”local:head.png”，’local：’表示需要本地加载的特征，后面则是本地图片的名称。TableTagAttributesNotestralign（left(默认)/right/center）行thtdalign（left(默认)/right/center）、valign（top/middle(默认)/bottom）列tableborder定义表格是否有边框（0/1）table会自动开始一个新行。Div我们把div标签作为一个可显示的控件来实现，在模板开发中使用的较多。一般可在div中包含label，img等标签，div以圆角线框的方式表现。TagAttributesNotesdivborder是否有边框，无边框的同时也无背景色（0/1）由于div是一个块级元素，所以div会自动开始一个新行，为了不让di