xhtml+css布局之xhtml应用小结

xhtml+css布局之xhtml应用小结

ID:9429594

大小:54.50 KB

页数:4页

时间:2018-04-30

xhtml+css布局之xhtml应用小结_第1页
xhtml+css布局之xhtml应用小结_第2页
xhtml+css布局之xhtml应用小结_第3页
xhtml+css布局之xhtml应用小结_第4页
资源描述:

《xhtml+css布局之xhtml应用小结》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、XHTML+CSS布局之XHTML应用小结>>edu.5151doc.教育资源库笼统来说,“标准网页”的文件组织就是XHTML+CSS。其中XHTML主要用来表示网页结构和显示内容,而CSS则是定义结构布局和修饰内容样式。常用于布局的XHTML一般有:DIV:主要用于页面内容逻辑上的分块,比如一张网页一般包括头部、导航、侧栏、内容和版权等责任分区。此时即可使用DIV标签分割。同时对各区块建议这样的命名:头部:<divid="masthead"></div>导航:<divid="gl

2、obalnav"></div>侧栏:<divid="navbar"></div>内容:<divid="content"></div>版权:<divid="copyright"></div>注:id具有唯一性,即在同一页面中不得重复出现该ID两次以上。否则使用class。ul:其原本是无序列表,在XHTML+CSS的应用中常用来表示非结构类的同等元素。需要和UL的子元素LI配合使用。<div><ul><li><ahref="#">Lin

3、k1</a></li><li><ahref="#">Link2</a></li><li><ahref="#">Link3</a></li></ul></div>注:与ul同类的还有ol、ul,使用情况较少,详细参看Html/htmlcss/2007/2/22705452BAK3B.htmlspan:如果拿这个元素和DIV进行比较,那么span是个袋子而div则是个箱子(语出小毅:XHTML代码的基本应用)。其实div是个块级元素

4、,而span是个行内元素(参见有关内联(行内)元素、块级元素),通过span就可对一段或一行元素集中的某片断元素进行单独定义。比如:<ul><li><span>(2006-11-13)</span>XHML+CSS布局之XHTML应用小结</li></ul>在css中定义span为左/右浮动,就能实现日期和标题的分两侧显示。这相对使用<ul><li>2006-11-13</li><li>XHML+CSS布局小结</li></ul

5、>要简单得多。=======================================在说完了常见的用于布局的XHTML标签后,还有的XHTML标签则是用来显示网页内容的。比如:<imgsrc=""alt=""title=""/>表示图像<ahref=""title=""></a>表示超级链接<hn></hn>(n=1,2,...,6)表示页内容标题其中建议h1-h6根据重要性依次递减,h1为最重要的标题(参见greengnn:div+css命名参考)原本使用&l

6、t;b></b>和<i></i>表示粗体和斜体的标签,选择使用<strong></strong>和<em></em>代替。[这篇文章来自..,]

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。