掌握XHTML常用标签的基本应用技巧

xhtml|技巧

  一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契。

  XHTML里有很多的标签,但是经常用到的也就是那么几个,也只要掌握这几个也就可以了。下面我们一一列举:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em

  div 在我的脑子里我一直把他想作是一个瓶子或是箱子,我的感觉它挺硬的。这个div没有什么特性的意义,可以使用在很多地方,也就是说他可以装不同的东西。他的正确的写法是<div></div>必需要有封口。大家都用来做布局之用,也有用来作为存放文章形成段落,实际上,这个做法并不是很好,因为作为文章的分段自然有一个特定的标签来用。那就是下面要讲的<p></p>标签,不过用DIV来再整体的包住所有的段落。这是非常实用的。

  p 这是一个有特定语义的标签,表示段落,是用来区分段落的。在大部分的浏览器中对P基本上都有一个上下的边距。但是没有行首缩进,因为行首缩进只是表示段落的方式但是不是一定或是必需的。所以在用P标签的时候如果需要可以针对P设定一下行首缩进,我是推荐在文章以外的地方不要使用P,因为P是有一定语义的,如果用在别的地方恐不合适。正确的写法是<p></p>

  span 这也是一个非常常用的标签,这个标签可以说与div很像,没有什么特定的意义,只是他是一个级联元素,不是块级元素。我一直把它看作是一个袋子,他不像箱子那样可以有自己的宽高,他的宽高只能随着内容的多少而定,所以很像是袋子。这个标签与div正好互补。

  ul,li 这是一个列表,在列表中,除了UL还OL,不过我觉得OL有点像是鸡肋。因为UL通过CSS定义一样可以有OL的数字排序效果。所以一般我不推荐使用OL,有UL就可以了。UL是块级的,他的子级li也是块级标签。正确的写法是<ul><li></li></ul> LI标签是被UL标签包裹的,在UL标签里可以有无数个LI标签,LI标签不能独立使用。并且LI标签一定要封口,这不光是美观问题,对于后期的维护也很有好处。很多程序员都不喜欢把这个LI封口。UL列表的用处主要是列举出一维的,同一类型的数据。具体的比如使用在菜单上,文章中列数的一些条例等等。在列表中有一种特别的形式与UL是不一样的。那就是下面的DL

  dl,dt,dd 这是一个很特别的三个标签的组合。这里的DT是指标题,DD是指内容。DL是包课他们的容器。正确的写法是<dl><dt></dt><dd></dd></dl>在DL里可以有很多组的DT,DD,当出现很多组的时候尽量是一个DT配一个DD,如果DD中内容很多,可以在DD里加P标签配合使用。DL列表是一个非常好的列表形式,可以多加利用。

  a 这表示链接,是一个特定属性的,也是网页中最为神奇的标签。因为它才让无数的网页都连在了一起。正确的写法是:<a href="" title=""></a>其中的href是表示目标地址,TITLE是鼠标悬停提示文字,这是可有可无的。但是有必是利大于无。

  img 这是图片标签,也是个特定属性的标签。正常写法是:<img src="" alt="" title=""/> 这里的src是目标地址,ALT与TITLE是替换文字,ALT是 IE特定的,TITLE是其它浏览器的通用的。不过记得后面的反斜线那是一定要有的。

  H 这是一个系列的标签,从H1到H6,一共六个,有人说太少了,有人说正好用,有人说用不了这么多。反正我是觉得差不多。正确写法是:<h></h>主要是用来存放标题,也有一些朋友用来作它用拿来作其它用处,个人觉得这个标签还是让他安生一点,就让他做标题的作用。这六个标签之间最好不要出现什么相互包含的事。

  strong 这个意思是着重,这是有语义的,作用也很简单。至于样工,是加粗着重,还是用色彩表明着重,那都是自行选择。正确的写法是<strong></strong>

  em 这个与strong很像,是表示强调。一般浏览器的默认值是斜体。使用方式与strong一样。写法是:<em></em>

  这里没有说表单,因为表单基本上没有什么变化,也没什么可特别说的。

时间: 2025-01-25 00:51:19

掌握XHTML常用标签的基本应用技巧的相关文章

入门:XHTML常用标签的基本应用指南

xhtml 一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契. XHTML里有很多的标签,但是经常用到的也就是那么几个,也只要掌握这几个也就可以了.下面我们一一列举:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em div 在我的脑子里我一直把他想作是一个瓶子或是箱子,我的感觉它挺硬的.这个div没有什么特性的意

XHTML常用标签介绍

 一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契.  XHTML里有很多的标签,但是经常用到的也就是那么几个,也只要掌握这几个也就可以了.下面我们一一列举:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em div 在我的脑子里我一直把他想作是一个瓶子或是箱子,我的感觉它挺硬的.这个div没有什么特性的意义,可以

XHTML表格标签的应用

 关于表格 在CSS流行之前,table被广泛应用于定位.在XHTML中,table不被推荐用来定位,W3C希望CSS可以取代<table>在定位方面的地位.不过事实上由于利用CSS布局常常需要大量的手写代码工作(常用的网页设计软件如Dreamweaver并不能完美支持div的显示),<table>仍被许多网站用语首页布局,例如Google的More products页面就利用了table来定位. 不过我个人推荐您开始使用CSS来定位网页,因为这是Web发展的方向.当然了,在初期用

【Struts2框架】第四节Struts标签-通用标签简述与常用标签大例子

一.通用标签简述 1.通用标签    a)property    b)set      i.默认为action scope,会将值放入request和ActionContext中      ii.page.request.session.appliaction    c)bean    d)include(对中文文件支持有问题,不建议使用,如需包含,改用jsp包含)    e)param    f)debug 2.控制标签    a)if elseif else    b)iterator  

帝国cms常用标签汇总_php实例

判断会员是否登录 <?php if(!$_COOKIE[ecmsmlusername]){ $srr="登录可见"; }else{ $srr="[!--lbsly--]"; } ?> [!--news.url--]skin/default/ [e:loop={"select classid,classname,bname from phome_enewsclass where classid='$GLOBALS[navclassid]'&quo

div css标签:CSS+div 常用标签

最近在做网页的项目 很多东西都忘记了  我整理一下CSS+div 常用标签 希望可以帮助我和大家共同学习一下 先把整个网站构架起来才是基础,下一步才是加入jsp和Ajax.CSS中的长度 绝对单位:几乎不用在网页中 in 英寸      1in = 2.54cm cm 厘米    1cm = 0.394in pt 磅        1in = 72pt pc pica      1in = 6pc 相对单位:较常用 em   1em = 相应字体的font-size值 ex    1ex = 相

初学者必须了解的一些xhtml结构标签

xhtml|初学 应用div+css网页布局,你必须了解一些xhtml结构标签,原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制. 下面列一个完整xhtml的结构标签: 结构:body, head, html, title 文本 :abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span

常用十大PS抠图技巧

常用十大PS抠图技巧   PS怎么抠图 最常用十大PS抠图技巧 首先给大家来一个最实用.最常用.最有用的证件照换背景问题. 用替换颜色工具给证件照换底色 1.双击打开一张证件照,如图. 2.双击背景图层解除锁定,复制一层,如图. 3.图像-调整-替换颜色,调出替换颜色对话框. 4.用吸管工具选择要吸取的背景颜色,调整容差值.跳动色相滑块,直到你想替换的背景颜色,这里我们调整成红色.要注意的是,要调整色相的时候要配合调整模块的饱和度和明度. 5.如果是实低的图片,脸部如果有颜色的话,用历史画笔还原

常用的两种抠图技巧 如何轻松玩转PS抠图

  常用的两种抠图技巧            一.简易抠图法 简易抠图法主要是对前背景色色差较大,特别是要抠的图与周边的图色差较大,这样一般用简易法就可抠出来,简易抠图法可以通过很多种工具来实现. 工具一.魔术棒,注意魔术棒的容差,容差是魔术棒抠图的关键,在PS CS3以上的版本新增了一个魔术棒快速选择工具,对抠简易的图形非常方便. 工具二.套索工具,有时我们也会通过套索工具中的多条形套索及磁形套索工具来抠图. 工具三.色彩范围选择法,可以通过菜单栏中的[选择]→[色彩范围],根据相似颜色来进行