源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 429|回复: 12

[HTML/Xhtml] 网页设计学习XHTML应用小结

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2008-10-17 18:56:15 | 显示全部楼层 |阅读模式
笼统来说,“标准网页”的文件组织就是XHTML CSS。其中XHTML主要用来表示网页结构和显示内容,而CSS则是定义结构布局和修饰内容样式。 常用于布局的XHTML一般有: DIV:主要用于页面内容逻辑上的分块,比如一张网页一般包括头部、导航、侧栏、内容和版权等
笼统来说,“标准网页”的文件组织就是XHTML CSS。其中XHTML主要用来表示网页结构和显示内容,而CSS则是定义结构布局和修饰内容样式。
常用于布局的XHTML一般有:
DIV:主要用于页面内容逻辑上的分块,比如一张网页一般包括头部、导航、侧栏、内容和版权等责任分区。此时即可使用DIV标签分割。
同时对各区块建议这样的命名:
以下为引用的内容:
头部:<div id="masthead"></div>
导航:<div id="globalnav"></div>
侧栏:<div id="navbar"></div>
内容:<div id="content"></div>
版权:<div id="copyright"></div>
注:id具有唯一性,即在同一页面中不得重复出现该ID两次以上。否则使用class。
ul:其原本是无序列表,在XHTML CSS的应用中常用来表示非结构类的同等元素。需要和UL的子元素LI配合使用。
以下为引用的内容:
<div>
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
</div>
span:如果拿这个元素和DIV进行比较,那么span是个袋子而div则是个箱子(语出小毅:XHTML代码的基本应用)。其实div是个块级元素,而span是个行内元素(参见有关内联(行内)元素、块级元素),通过span就可对一段或一行元素集中的某片断元素进行单独定义。
比如:
以下为引用的内容:
<ul>
<li><span>(2006-11-13)</span>XHML CSS布局之XHTML应用小结</li>
</ul>
在css中定义span为左/右浮动,就能实现日期和标题的分两侧显示。这相对使用
以下为引用的内容:
<ul>
<li>2007-11-5jb51.net</li>
<li>XHML CSS布局小结</li>
</ul>
要简单得多。
=======================================
在说完了常见的用于布局的XHTML标签后,还有的XHTML标签则是用来显示网页内容的。比如:
以下为引用的内容:

<img src="" alt="" title="" />表示图像
<a href="" title=""></a>表示超级链接
<hn></hn>(n=1,2,...,6)表示页内容标题
其中建议h1-h6根据重要性依次递减,h1为最重要的标题(参见greengnn:div css命名参考)
原本使用<b></b>和<i></i>表示粗体和斜体的标签,选择使用<strong></strong>和<em></em>代替。
回复

使用道具 举报

4

主题

2万

回帖

303

积分

中级会员

Rank: 3Rank: 3

积分
303
发表于 2022-11-1 19:28:11 | 显示全部楼层
1312315458748777
回复 支持 反对

使用道具 举报

13

主题

2万

回帖

97

积分

注册会员

Rank: 2

积分
97
发表于 2022-12-8 11:54:43 | 显示全部楼层
问问问企鹅哇哇哇哇哇
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-4-16 09:32:12 | 显示全部楼层
笑纳了老板
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2023-8-14 20:50:47 | 显示全部楼层
哈哈哈哈哈哈
回复 支持 反对

使用道具 举报

7

主题

2万

回帖

288

积分

中级会员

Rank: 3Rank: 3

积分
288
发表于 2023-8-22 15:24:22 | 显示全部楼层
收下来看看怎么样
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

294

积分

中级会员

Rank: 3Rank: 3

积分
294
发表于 2023-8-26 09:02:31 | 显示全部楼层
的vgdsvsdvdsvdsvds
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

380

积分

中级会员

Rank: 3Rank: 3

积分
380
发表于 2023-11-16 21:49:56 | 显示全部楼层
灌灌灌灌水
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

61

积分

注册会员

Rank: 2

积分
61
发表于 2024-5-12 02:04:04 | 显示全部楼层
那三门,你们谁寂寞才快乐撒
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

55

积分

注册会员

Rank: 2

积分
55
发表于 2024-5-21 18:57:41 | 显示全部楼层
感谢楼主分享
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-24 04:23 , Processed in 0.082744 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表