首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML与XHTML区别

HTML与XHTML区别 HTML称为超文本标记语言Hyper Text Markup Language,是一种标识性的语言。...从关系上讲,HTML是基于标准通用标记语言SGML的应用,XML是SGML的一个子集,而XHTML则基于XML。 语言基础 XHTML基于可扩展标记语言XML。...XHTML元素必须被关闭,空标签也必须被关闭。 XHTML标签名必须用小写字母。 XHTML文档必须拥有根元素。 XHTML标签顺序必须正确。 XHTML文档要求给所有属性赋一个值,属性值不能简写。...XHTML要求所有的属性必须用引号""括起来。 XHTML文档需要把所有、&等特殊符号用编码表示。 XHTML文档不能在注释内容中使用--。 XHTML图片必须有说明文字。...XHTML文档中用id属性代替name属性。 混合应用 XHTML可以混合各种XML应用,比如MathML、SVG。

1.8K20
您找到你想要的搜索结果了吗?
是的
没有找到

从0到1认识XHTML

XHTML概念 XHTML是一种可扩展超文本标记语言,与HTML(超文本标记语言)类似,不过在语法上更加严格。...XHTML是以XML(是一种必须正确标记且格式良好的标记语言)应用方式定义的HTML,与html 4.01几乎是相同的,浏览器基本都支持。 为什么使用XHTML?...XHTML是更严格更纯净的HTML代码,可以被所有浏览器支持。 XHTML语法规则 在xhtml文档开头写一个DOCTYPE声明。 所有标签是闭合的。 所有标签,属性名必须小写,不能大写。...否则无效 XHTML标签 xhtml的标签与html标签基本都相同 ,在xhtml中 img input标签必须被正确地关闭。 XHTML核心属性 与html核心属性一致。...id:定义元素的唯一id,id值在一个页面中必须是唯一的不能重复使用。 style:规定元素的行内样式。 title:描述元素的额外信息。鼠标指向该元素的时候,会显示属性值。主要用在网站优化中。

65540

【转载】XHTML 结构化之二:案例分析:W3school 的结构化标记

我们详细阐述唯一标识符属性 (id) - ,并展示它如何使你可以编写极其紧凑的 XHTML 代码,不论你创建的是混合布局还是纯粹的 CSS 布局。 每个元素都必须结构化吗?...我们在公元 2006 年创建了 W3School 的第一个中文测试版,我们在一开始就使用了 CSS 进行布局,并使用 XHTML结构化文档。每一个其中的元素都是结构化的,从标题到列表,乃至段落。...W3C 在其最新的 XHTML2 草案的 XHTML 结构模型中这样定义 div: div 元素,通过与 id、class 及 role 属性配合,提供向文档添加额外结构的通用机制。...进一步讲,标记不等同于设计,结构良好的的页面可以被格式化为你希望的任何样子。这样做的结果是,无论你使用纯粹 CSS 布局或者混合布局,你都会彻底改掉使用表现标记进行思考和创作的习惯。...div 和 ul 两个元素提供了真实的结构,即标明了其中内容的职能(导航栏)和它在文档中所属的位置(页面的报头位置)。

1.7K160

从0到1认识XHTML

XHTML概念 XHTML是一种可扩展超文本标记语言,与HTML(超文本标记语言)类似,不过在语法上更加严格。...XHTML是以XML(是一种必须正确标记且格式良好的标记语言)应用方式定义的HTML,与html 4.01几乎是相同的,浏览器基本都支持。 为什么使用XHTML?...XHTML是更严格更纯净的HTML代码,可以被所有浏览器支持。 XHTML语法规则 在xhtml文档开头写一个DOCTYPE声明。 所有标签是闭合的。 所有标签,属性名必须小写,不能大写。...否则无效 XHTML标签 xhtml的标签与html标签基本都相同 ,在xhtml中 img input标签必须被正确地关闭。 XHTML核心属性 与html核心属性一致。...id:定义元素的唯一id,id值在一个页面中必须是唯一的不能重复使用。 style:规定元素的行内样式。 title:描述元素的额外信息。鼠标指向该元素的时候,会显示属性值。主要用在网站优化中。

56910

HTML页面基本结构和加载过程

HTML 的职责在于告知浏览器如何组织页面,以及搭建页面的基本结构; CSS 用来装饰 HTML,让我们的页面更好看; JavaScript 则可以丰富页面功能,使静态页面动起来。...前面我们提到页面 HTML 结构不合理可能会导致页面响应慢,这个过程很多时候体现在和元素的设计上,它们会影响页面加载过程中对 Javascript 和 CSS 代码的处理。...如果说浏览器用 HTML 来描述网页的结构并渲染,那么使用 DOM 则可以获取网页的结构并进行操作。...一般来说,我们使用 JavaScript 来操作 DOM 接口,从而实现页面的动态变化,以及用户的交互操作。 在开发过程中,常常用对象的方式来描述某一类事物,用特定的结构集合来描述某些事物的集合。...但不管怎么进行整理,页面最终依然是基于 DOM 的树状结构,因此组件也是呈树状结构,组件间的关系也同样可以使用parent/child/sibling这样的方式来描述。

1.4K40

seo结构优化怎么做?seo网站各个页面结构如何优化?

span 网站排名出现一上一下波动比较大的情况,首先看排名页面是不是都是文章页排名。 文章页排名是不稳定的(因为没有聚焦点)。...(要注意每个页面的侧边栏不要一样,一样的侧边栏也会导致网站排名在前几页徘徊进不了首页) 专题页(类似企业站的首页) 两个及两个以上的分类组合出来的页面就是专题页面。...专题页面是围绕某一个点展开的(信息调用) 专题页要有主次之分。(内容页可以理解为一个小专题) 标题要求:A-B 描述要求:一定要有描述!...(没描述会拉低页面权重) 专题页一切模仿首页(标题、描述、布局)就可以了。 分类页 如果网站有专题页的情况下,分类页标题直接可以是分类页名称+品牌词就可以了。...(没描述会拉低页面权重)   排名页面性质 分为信息展示型、产品展示型。分析一个词用什么页面做就看排名前20的站点,他们用什么页面做的我们就用什么页面做。

42230

页面结构化在Android上的尝试

导语 :MVP开发模式可以帮助项目结构解耦,但其庞大的方法数增加,较为笨重设计对于手Q项目并不很适合。参考之前Web开发经验,提出以页面结构化的解耦方式组织代码。...页面被划分问一个个区域的模块,有自身的逻辑和规划。有人说,这不就是一个个组件嘛。然后“页面结构化”并不是指组件。...根据页面结构,划分出一个个独立维护模块,这就是页面结构化。 ##  页面结构化(Lego)与组件化的区别 1. 组件处于通用性,是不带业务逻辑的。而页面结构化是带业务逻辑。 2....页面结构化目的是为了代码维护性,项目管理,优化。组件复用可以有,但不是必要 3. 组件与Lego不冲突。...Lego页面结构化的应用其实还在尝试阶段。以上算我的一些个人思考和总结。

1.2K60

PostgreSQL的元组、页面结构及索引查找原理

本文简单介绍一下postgresql数据库的元组、页面结构以及索引查找流程。 元组结构 元组,也叫tuple,这个叫法是很学术的叫法,但是现在数据库中一般叫行或者记录。...了解了元组结构,再简单了解下元组更新和删除过程。 更新过程 ?...页面结构 下面再来看看页面结构 ?...从上图可以看到,页面包括三种类型的数据 1.header data:数据头是page生成的时候随之产生的,由pageHeaderData定义结构,24个字节长,包含了page的相关信息,下面是数据结构:...3.heap tuple:存放真实的元组数据,注意元组是从页面的尾部向前堆积的,元组和行指针之间的是数据页的空闲空间。 索引查找 看了页面和元组结构,再看看索引的结构。 ?

2.1K21

页面结构化在 Android 上的尝试

导语:MVP开发模式可以帮助项目结构解耦,但其庞大的方法数增加,较为笨重设计对于手Q项目并不很适合。参考之前Web开发经验,提出以页面结构化的解耦方式组织代码。...三,Lego页面结构化 前面铺垫这么多,终于到我要吹水的时候了。MVC,MVP,还有MVVM等MVX系列的设计模式,都是一种大而全的统一管理。在项目结构中最为关键其实是:分模块! ?...页面被划分问一个个区域的模块,有自身的逻辑和规划。有人说,这不就是一个个组件嘛。然后“页面结构化”并不是指组件。...根据页面结构,划分出一个个独立维护模块,这就是页面结构化。 页面结构化(Lego)与组件化的区别 组件处于通用性,是不带业务逻辑的。而页面结构化是带业务逻辑。...页面结构化目的是为了代码维护性,项目管理,优化。组件复用可以有,但不是必要 组件与Lego不冲突。

1.1K50

快速构建页面结构的 3D Visualization

即可以看到页面的一个 3D 层级关系,像是这样: 这个功能有几个不错的作用: 页面层级概览 快速厘清页面 z-index 层级之间的关系 用于排查一些重绘过程(滚动过程)页面卡顿 当然,也会存在一些问题...使用 CSS 构建 3D 可视化 DOM 结构视图 假设,我们首先随时实现一段 DOM 结构,其简单的代码如下: <div class="g-header...: 而我们希望,快速看这个<em>页面</em>的 3D 深度图,像是这样: 又或者,可以使用类似于这样一种 Hover 的交互效果,实现 Hover 某一个 Div,展示出它当前的一个 3D 深度<em>结构</em>图,看看效果:...总的来说,我们的核心需求就是,无论<em>页面</em>的 DOM <em>结构</em>如何,深度如何,我们希望能够通过一种简单的处理(纯 CSS 实现),能够快速查看<em>页面</em>的 3D 深度<em>结构</em>视图。...这里我尝试的是,当前正在写作的 Github Issues <em>页面</em>,看看效果: 当然,可能颜色没有搭配的特别好,但是要知道,整儿<em>页面</em>的 DOM <em>结构</em>是相当之复杂的。

32820

Confluence 6 从 WIKI 标记整合到基于 XHTML 的存储格式

作为替代,合并进程将会创为每一个 wiki 的页面创建一个新的版本。这个新版本将会使用一个新的 XHTML 的存储格式,所以你可以在 Confluence 的富文本编辑器中进行编辑。...Wiki Markup to XHTML-Based Storage Format 页面中的内容。...合并进程 基于你 Confluence 安装的大小,从 Wiki 标记页面合并到新的 XHTML 页面的过程可能需要耗费比较多的时间。具体合并所需要的时间也比较难估计,多个因素都会对这个时间造成影响。...基于一个大致的估算,一个有 130,000 页面,总计大致 700MB 的内容,合并需要耗费 6 分钟左右。...https://www.cwiki.us/display/CONF6ZH/Migration+from+Wiki+Markup+to+XHTML-Based+Storage+Format

50720
领券