`
jsnjlc
  • 浏览: 50907 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

认真学习XHTML标签——获益匪浅

阅读更多
最近又开始了新的项目,原以为拿来美工做好的页面就能使用,查看了源代码后发现其代码杂乱无章,style满天飞,语义化无从谈起,于是将其页面为蓝本,重新翻写。
由于以前已经看过了N多表现和结构相分离之类的理论,于是这次就进行了下实践。实践后发现,真正想表现和结构的分离还是有不小的困难的。
自以为对HTML标签已经熟练掌握,而XHTML的Strict验证只已经十分清楚。但是今天无意翻开W3CSCHOOL的HTML标签的列表,居然发现许多都没有使用过,更有甚者见都没见过。于是,从头开始,慢慢翻看。发现对如何实现表现和结构的功力又提升了不少。
举例来说,我们一般随便使用label标签,但是其实label标签还是有语义的,从其属性for就能看出,其是为某个控件服务的,当点击label控件后,其会自动将焦点赋给绑定的控件。
但是,如果根据美工的页面来实现,其实还是很头痛的事情。而且还有跨浏览器的兼容性问题等等。如果能够用熟练XHTML中的标签,有很多时候根本不需要使用样式就能做到了。
分享到:
评论

相关推荐

    XHTML基础教程.rar

    3. XHTML教程——标签 4. XHTML教程——常用标签 5. XHTML教程——文字格式与特殊字符 6. XHTML教程——超级链接 7. XHTML教程——列表 8. XHTML教程——图片 9. XHTML教程——head和DTD 10. XHTML教程——...

    定时关闭的滚动标签——jsp

    <html xmlns="http://www.w3.org/1999/xhtml"> <!-- Inserted by TRADOS: -->; charset=GB2312"> <title>IDM Computer Solutions, Inc. 软件 - UltraEdit <?xml version="1.0" encoding="iso-8859-1"?> Name...

    html和xhtml标签

    3. **语义化**: XHTML鼓励使用具有明确语义的标签,有助于提高可访问性和SEO(搜索引擎优化)。 了解并熟练掌握HTML和XHTML的标签使用是创建有效、可访问和结构化的网页内容的基础。通过不断学习和实践,开发者可以...

    XHTML学习资料

    1. **基础标签**:学习XHTML首先需要了解各种基础标签的用途,如`<p>`用于段落,`<h1>`到`<h6>`表示标题等级,`<a>`用于创建超链接,`<img>`插入图像,`<div>`作为布局容器等。每个标签都有其特定的功能和语义,理解...

    Web编程入门经典——HTML、XHTML和CSS(第2版)

    《Web编程入门经典——HTML、XHTML和CSS(第2版)》这本书是学习Web开发的基础教程,旨在为初学者提供全面深入的HTML、XHTML和CSS知识,帮助读者掌握构建网页的基本技能。下面,我们将深入探讨这些核心知识点,以便...

    XHTML标签的嵌套规则.pdf

    由于XHTML遵循严格的标准和规范,所以在编写时必须遵守特定的标签嵌套规则。以下将详细介绍XHTML标签的嵌套规则,以及与之相关的HTML和CSS基础知识。 首先,XHTML中的标签可以分为两大类:块级元素和内联元素。块级...

    DIV+CSS教程——第一天XHTML_CSS基础知识

    DIV+CSS教程——第一天XHTML_CSS基础知识

    XHTML标签嵌套规则

    strict模式下,XHTML标签的嵌套规则。

    XHTML_手册 XHTML 快速入门 学习手册

    2. **XHTML的语法**:学习XHTML的具体语法要求,如正确嵌套、关闭标签和小写字母等。 3. **如何将站点转换为XHTML**:了解转换现有HTML站点到XHTML的步骤和注意事项。 4. **XHTML验证**:学习如何使用验证工具检查...

    WAP2.0——_XHTML_MP_and_WCSS

    另外,XHTML MP也不支持标签,这个标签在WML中用于定时触发事件。开发者需要利用HTML的元素和refresh属性来实现类似的时间触发效果,但需要注意两者在行为上的差异。 总的来说,WAP 2.0的XHTML MP和WCSS的引入,极...

    xhtml教程 深入浅出

    【XHTML教程深入浅出】 XHTML是一种基于XML的HTML版本,它的全称为Extensible HyperText Markup Language,即可扩展超文本标记语言。相比于传统的HTML,XHTML更加严谨且规范,要求元素必须正确闭合,这使得代码结构...

    XHTML标签的默认样式

    ### XHTML标签的默认样式解析与应用 XHTML(Extensible HyperText Markup Language)是一种更加严格、纯净的HTML标准,旨在解决HTML的一些不规范问题。在XHTML中,每个标签都有其预设的默认样式,这些样式由浏览器...

    HTML4.01XHTML1.0标签参考手册xhtmlreference.rar

    在压缩包中的“xhtml_reference.chm”可能是XHTML标签的离线参考手册,通常包含所有可用标签的详细说明、用法示例以及属性列表。这种手册对于开发者来说是宝贵的资源,帮助他们了解如何正确地使用各种标签来构建语义...

    标记语言——精简标签

    精简标签的主要目标是减少不必要的代码,提高页面加载速度,降低服务器资源消耗,并使网站更易于理解和维护。 在描述中提到,通过使用符合标准的XHTML和CSS,可以替代传统的表格布局和复杂的图片布局,从而实现内容...

    Web编程入门经典——HTML、XHTML和CSS(第2版)- 2.pdf 高清下载

    标题和描述中提到的书籍《Web编程入门经典——HTML、XHTML和CSS(第2版)》是关于前端开发基础的教程,主要内容应该包括HTML、XHTML和CSS的入门知识。下面是这三个技术的详细知识点: 1. HTML (HyperText Markup ...

    XhtmlTag详解包含所有xhtml使用标签页面

    **XHTML标签详解** XHTML(Extensible HyperText Markup Language)是HTML的升级版,它结合了HTML的易用性和XML的严谨性。在XHTML中,所有的元素必须正确关闭,属性值必须用引号括起来,这使得XHTML代码更规范,更...

    WAP 2.0—— XHTML MP and WCSS

    HTML/XHTML页面可以通过较小的修改成XHTML MP,甚至不用修改(注意:布局是否适应小屏幕,文件大小是否出最大)。 支持WCSS。移动设备有很多不同的特征,比如屏幕大小,只需写一次结构,使用不同的WCSS文件即可。 更...

    xhtml标签手册按字母顺序

    按字母顺序列出的HTML 4.01/XHTML 1.0标签手册

    CSS+XHTML+JavaScript完全学习手册

    在学习XHTML时,你会了解如何编写结构化的文档,正确使用标签,理解语义化元素的重要性,以及如何确保文档的跨浏览器兼容性。手册还会涵盖XHTML与CSS的结合使用,以实现内容和表现的分离,提高页面的可访问性和可...

    [HeadFirst深入浅出_HTML与CSS、XHTML(中文版).弗里曼.扫描版.pdf

    《Head First深入浅出_HTML与CSS、XHTML(中文版)》是一本关于前端开发领域的经典教程书籍。本书深入浅出地介绍了HTML、CSS以及XHTML这三种在构建网站中扮演关键角色的技术。为了掌握这些技术,我们需要从基础开始...

Global site tag (gtag.js) - Google Analytics