您需要了解的几个XHTML标签
您需要了解的几个XHTML标签
应用div+css网页布局,你必须了解一些xhtml结构标签,原则上一个xhtml文档所有的标签都应该是结构标签,需要表现的地方都使用css来控制。
下面列一个完整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, strong, var 链接 a 列表 dl, dt, dd, ol, ul, li 表单 form, input, label, select, option, textarea 表格 caption, table, td, th, tr 图片 img 对象 object, param meta 外部调用 link 基本 base 在刚接触XHTML+CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索引擎优化知识的了解,发现其实标签的使用也是一门学问。 一、DIV div 在我的脑子里我一直把他想作是一个瓶子或是箱子,我的感觉它挺硬的。这个div没有什么特性的意义,可以使用在很多地方,也就是说他可以装不同的东西。他的正确的写法是<div></div>必需要有封口。大家都用来做布局之用,也有用来作为存放文章形成段落,实际上,这个做法并不是很好,因为作为文章的分段自然有一个特定的标签来用。那就是下面要讲的<p></p>标签,不过用DIV来再整体的包住所有的段落。这是非常实用的。 二、H标签 三、P p 这是一个有特定语义的标签,表示段落,是用来区分段落的。在大部分的浏览器中对P基本上都有一个上下的边距。但是没有行首缩进,因为行首缩进只是表示段落的方式但是不是一定或是必需的。所以在用P标签的时候如果需要可以针对P设定一下行首缩进,我是推荐在文章以外的地方不要使用P,因为P是有一定语义的,如果用在别的地方恐不合适。正确的写法是<p></p> 五、Table 六、为搜索引擎准备的标签 七、span span 这也是一个非常常用的标签,这个标签可以说与div很像,没有什么特定的意义,只是他是一个级联元素,不是块级元素。我一直把它看作是一个袋子,他不像箱子那样可以有自己的宽高,他的宽高只能随着内容的多少而定,所以很像是袋子。这个标签与div正好互补。 八、dl,dt,dd 十、img 十一、strong 十二、em 这个与strong很像,是表示强调。一般浏览器的默认值是斜体。使用方式与strong一样。写法是:<em></em> 十三、表单可以用来在网页中发送数据,特别是经常被用在联系表单——用户输入信息然后发送到Email中。 input标签是表单世界中的“老大”。有10种形式,概括如下: 多行文本输入框标签textarea基本上就是一个比较大的文本框。它必须有行属性rows和列属性cols,用法像这样: 选定标签select与选项标签option一起可以制作一个下拉选框。是这样工作的: 当表单被提交时,被选中选项的值将被发送。
<form action=”contactus.php” method=”post”> <p>Name:</p> <p><input type=”text” name=”name” value=”Your name” /></p> <p>Comments: </p> <p><textarea name=”comments” rows=”5″ cols=”20″>Your comments</textarea></p> <p>Are you:</p> <p><input type=”radio” name=”areyou” value=”male” /> Male</p> <p><input type=”radio” name=”areyou” value=”female” /> Female</p> <p><input type=”radio” name=”areyou” value=”hermaphrodite” /> An hermaphrodite</p> <p><input type=”radio” name=”areyou” value=”asexual” checked=”checked” /> Asexual</p> <p><input type=”submit” /></p> <p><input type=”reset” /></p> </form> |
================================================================================
dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦!
DIV
CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好
ol
有序列表。
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表现为:
1……
2……
3……
ul
无序列表,表现为li前面是大圆点而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
很多人容易忽略
dl dt dd的用法
dl 内容块
dt 内容块的标题
dd
内容
可以这么写:
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
dt
和dd中可以再加入 ol ul li和p
理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。DD DT DL标签
我们平时常用的是< ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。 < dl>< /dl>< dt>< /dt>< dd>< /dd> < dl>< /dl>用来创建一个普通的列表,< dt>< /dt>用来创建列表中的上层项目,< dl ——define dd——define list define——用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解 例子: <dt>Tomorrow 例子2: <title>无标题文档</title> <!-- margin: 0px; font-size: 9pt; left:15px; #box { } <div id="box"> <dl> |
您需要了解的几个XHTML标签相关推荐
- 自动添加html结束标志,XHTML标签都有一个结束标记
原文连接:http://www.dudo.org/article.asp?id=253 XHTML规范中有一条标准就是"每个XHTML标签都有一个结束标记".那么对于HTML中原来 ...
- 怎么取消html的原始属性,回归原始,尽量使用XHTML标签默认属性
使用DIV与CSS结合的方式来布局页面已经有几年时间了.虽然我没有去购书学习过,也没有认真去看过完整的教程,很多使用方法都是在工作过程中自已尝试得来的经验.当然,这就不可避免的出现了主观上错误产生的问 ...
- XHTML标签的嵌套规则
XHTML 的标签有许多:div.ul.li.dl.dt.dd.h1~h6.p.a.addressa.span. strong--我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌 ...
- HTML标记也可以乘坐标签,XHTML标签都有一个结束标记
XHTML标签都有一个结束标记 互联网 发布时间:2008-10-17 18:55:41 作者:佚名 我要评论 原文连接:http://www.dudo.org/article.asp?i ...
- xhtml标签和html标签,XHTML常用标签
标题标签 到 定义标题,我们可以使用从 到 这几个标签,它们对应的终止标签分别为 到,其中 到 字号顺序减小,重要性也逐渐降低.通常浏览器将在标题的上面和下面自动各空出一行距离. 段落标签 定义段落使 ...
- x_html语言名词解释,第2章++XHTML标记语言(97页)-原创力文档
第2章 XHTML标签语言 2.1 XHTML基础 2.2 段落和文字标签 2.3 列表标签 2.4 超级链接标签 2.5 插入图片标签 2.6 页面布局标签 2.7 框架标签 2.8 表单标签 2. ...
- html四个标签,基本的 HTML 标签 - 四个实例
畅通工程续--E E. 畅通工程续 某省自从实行了很多年的畅通工程计划后,终于修建了很多路.不过路多了也不好,每次要从一个城镇到另一个城镇时,都有许多种道路方案可以选择,而某些方案要比另一些方案行走的 ...
- 长时间整理的xhtml网页设计规范
在阅读前请先了解一些XHTML.CSS的基本知识,以方便理解编写的内容.本规范的目的是为了方便大家在开发过程中,通用的.易于维护.高效率的制作WEB界面. 一. 目录建立.文件夹命名规则: 01. 目 ...
- h5是什么 www.php.cn,html meta标签的作用是什么?
什么是htmlmeta标签: htmlmeta标签的定义和用法: 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. 标签位于文档的头部,不包含 ...
最新文章
- ReactNative环境配置的坑
- 在 aws emr 上,将 hbase table A 的数据,对 key 做 hash,写到另外一张 table B
- html和xhtml和html5一些区别和笔记
- WPF 绑定以基础数据类型为集合的无字段名的数据源
- SpringMVC的Model、Model Map、ModelAndView
- 计算机会计学实验报告,计算机会计学实验报告5(UFO报表管理).docx
- 警惕面试过程中的 PUA
- 计算机无法从usb启动不了,主板不能从u盘启动怎么办
- 关于互联网金融的安全、监管
- element-ui下载文件功能
- 生活不可能像你想的那么好,但也不会像你想的那么糟
- ELADMIN学习第一次
- python画羊_Artbreeder 给我画一只电子羊
- AES加密解密算法设计(C++)
- ¥1-3 SWUST oj 942: 逆置顺序表
- 有奖答题小程序知识问答pk答题app源码
- 贴现、贴现率、贴现值、现值、折现值、PV搞搞清楚
- 基于xwiki部署企业内部知识管理平台
- POJ 1984 Navigation Nightmare 【经典带权并查集】
- 锤子手机使用android启动器,锤子桌面启动器app
热门文章
- sql server 2005 T-SQL @@TRANCOUNT (Transact-SQL)
- hdu 5587(数学规律)
- NYOJ 631 冬季长跑
- 数字三角形W(加强版) codevs 2189
- HttpContext.Cache属性
- Hadoop2.2.0+hive使用LZO压缩那些事
- 还有Html.EditorFor和Html.Html.TextBox到底差什么呢
- UpdatePanel里使用FileUpload
- 利用系统滴答时间计算实际程序运行时间
- cuda core和sp