html 下边框-HTML表格边框的控制详解

2023-08-26 0 3,879 百度已收录

总结:只显示上边框,只显示下边框,只显示左右边框,只显示上下边框,只显示左边框,只显示右边框,不显示任何边框,隐藏身体{颜色:“#fff...

仅显示上边框

仅显示底部边框

只显示左右边框

仅显示顶部和底部边框

仅显示左边框

仅显示右边框

不显示任何边框

一般的

表面

经过

网格

这是一个正常的形式

优越的

天空

仅显示上边框

向下

土地

仅显示底部边框

无法到达天空

无法离开地面

只显示左右边框

去掉侧面

只剩下“王”字

仅显示顶部和底部边框

仅有的

左边

仅显示左边框

仅有的

正确的

仅显示右边框

大约

消除

只留下来

中间

不显示任何边框

表格边框的显示和隐藏可以通过frame参数来控制。 请注意,它仅控制表格的边框,而不控制单元格。

只显示上边框<tableframe=above>

只显示下边框<tableframe=below>

仅显示左右边框<tableframe=vsides>

只显示上下边框<tableframe=hsides>

只显示左框<tableframe=lhs>

仅显示右框架<tableframe=rhs>

不显示任何框架<tableframe=void>

一、概述

本文系统地讲解了DOCTYPE元素。 同时,很多信息也得到了核实。 由于网上的信息比较杂乱,我经过收集整理后重新定义了。 例如DOCTYPE元素的定义主要分为基础知识和中级知识。 基础知识 讲解基本的DOCTYPE知识。 很多高级知识都是从网上收集的,主要是一些实际应用的方法。

2. 定义

DOCTYPE 是文档类型的缩写。 该元素用于声明页面的文档类型声明(DTD)。 该元素声明位于文档的前面,标签之前。 通过确认页面的DTD,还可以确定该页面使用的是哪种W3C规范(例如HTML或XHTML规范)。

3.W3C规范

W3C规范的正确翻译应该由W3C推荐(W3CRecommendations)。 在很多设计师眼中,W3C就是标准。 但很多人却一知半解。 下面列出了当前W3C规范中的HTML规范和XHTML规范,稍后将解释HTML与XHTML的关系:

W3C HTML 规范和时间表

规格

推荐

HTML 3.2

1997 年 1 月 14 日

HTML 4.0

1998 年 5 月 24 日

HTML 4.01

1999 年 12 月 24 日

W3C XHTML 规范和时间表

规格

草案/提案

推荐

XHTML 1.0

2000年1月26日

XHTML 1.0 修订版

2002 年 8 月 1 日

XHTML 1.1

2001 年 5 月 31 日

XHTML 模块

2001 年 4 月 10 日

XHTML 模块 1.1

2006 年 7 月 5 日

XHTML 基础

2000 年 12 月 19 日

XHTML 基础 1.1

2006 年 7 月 5 日

XHTML 事件

2003 年 10 月 14 日

XHTML 事件 2

2007 年 2 月 16 日

XHTML 打印

2006 年 9 月 20 日

XHTML 媒体类型

2002 年 8 月 1 日

XForms 1.0

2003 年 10 月 14 日

XForms 1.0(SE)

2006 年 3 月 14 日

XForms 1.1

2007 年 2 月 22 日

XHTML 2.0

2006 年 7 月 26 日

星联

2001 年 6 月 27 日

华联

2002 年 9 月 13 日

XHTML可以被视为最新的HTML规范,是一种可以从HTML 4.01平滑迁移的XML应用程序。 W3C 将 HTML 4.01 重构为 XML 的第一步导致了 XHTML 1.0。 XHTML 1.0 依赖于 HTML 4.01 标记提供的语义。

4. 规范和DTD

页面文件通过元素声明不同的DTD,告知浏览器当前页面符合哪种HTML或XHTML规范。 下面仅列出HTML4.01和XHTML1.0相关的DTD:

超文本标记语言

HTML 4.01 指定了三种文档类型:严格型、过渡型和框架集。

HTML 严格 DTD

如果您需要干净的标记,避免演示混乱,请使用此类型。 请与层叠样式表 (CSS) 一起使用:

” >

HTML 过渡 DTD

过渡 DTD 可以包含 W3C 期望移动到样式表中的呈现属性和元素。 如果您的读者使用不支持级联样式表 (CSS) 的浏览器并且您必须使用 HTML 的呈现功能,请使用此类型:

” >

框架集DTD

框架集 DTD 应用于带有框架的文档。 框架集 DTD 与过渡 DTD 相同,只是框架集元素替换了主体元素:

” >

XHTML

XHTML 1.0 指定了三种 XML 文档类型:Strict、Transitional 和 Frameset。

XHTML 严格 DTD

如果您需要干净的标记,避免演示混乱,请使用此类型。 请与层叠样式表 (CSS) 一起使用:

公共“-//W3C//DTD XHTML 1.0 严格//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

XHTML 过渡 DTD

过渡 DTD 可以包含 W3C 期望移动到样式表中的呈现属性和元素。 如果您的读者使用不支持级联样式表 (CSS) 的浏览器并且您必须使用 XHTML 的呈现功能,请使用此类型:

PUBLIC“-//W3C//DTD XHTML 1.0 过渡//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

XHTML 框架集 DTD

当您希望使用框架时,请使用此 DTD!

公开“-//W3C//DTD XHTML 1.0 框架集//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

五。 DOCTYPE元素句型句型

HTML 顶级元素可用性“registration//organization//type-tag//definition-language”“url”

语法元素说明

顶级元素:指定 DTD 中声明的顶级元素类型。 这对应于声明的 SGML 文档类型。 默认为 HTML。

可用性:指定即将发布的标识符 (FPI) 是可公开访问的对象还是系统资源。 默认情况下,该值可以是 PUBLIC 或 SYSTEM.PUBLIC。 代表一个可公开访问的对象。 SYSTEM 表示系统资源,例如本地文件或 URL。

注册:指定组织是否已在国际标准化组织 (ISO) 注册。

+ 为默认值,表示该组织名称已被注册。

- 表示该组织名称未注册。 互联网工程任务组 (IETF) 和万维网联盟 (W3C) 不是注册的 ISO 组织。

组织:指定负责创建和维护 !DOCTYPE 声明引用的 DTD 的组或组织的名称 OwnerID。 IETF 就是 IETF。 W3C 就是 W3C。

类型:指定公共文本类,即被引用的对象的类型。 默认为 DTD。

标签:指定出版物描述html 下边框,这是所引用出版物的唯一描述性名称。 版本号可以附加在后面。 默认为 HTML。

定义:指定文档类型定义。

框架集 框架集文档。

Strict 排除了 W3C 专家希望逐步淘汰的所有代表性属性和元素,因为样式表已经很强大了。

Transitional 包含除frameSet 元素之外的所有内容。

语言:指定公共文本语言,它是用于创建引用对象的自然语言编码系统。 语言定义被编纂为 ISO 639 语言代码(大写两个字母)。 EN 是默认值。 英语。

URL:指定引用对象的位置。

6、检查工具

如果你想检查你的页面内容是否符合DOCTYPE中声明的标准,你可以使用W3C提供的验证工具:

七。 文档类型切换

现代浏览器包含不同的呈现模式,以支持符合 W3C 的网页和为旧版浏览器设计的网页。 其中,Standards(标准)模式(即严格渲染模式)用于渲染符合最新标准的网页,Quirks(包容)模式(即宽松渲染模式或兼容模式)用于渲染为传统浏览器设计的网页。 网页。 另请注意,Mozilla/Netscape 6 添加了“几乎标准”模式来支持为旧版本标准设计的页面。

理论上,这应该是一个非常直观的切换。 如果页面的元素强调符合页面标准(例如XHTML1.0),浏览器将切换到标准模式。 如果未指定 doctype,或者指定了 HTML 3.2 及更早版本,则浏览器将切换到 Quirks 模式。 这使得浏览器能够正确显示符合标准的文档,而无需完全放弃旧式的、不符合标准的网页。 但会有以下几种情况:

1. 缺少 URL 或相对 URL

在完整的文档类型声明中,包含相应文档类型定义 (DTD) 文件的 URL。 如果缺少 URL,或者指定了相对路径(而不是完全限定的 Internet 地址),则无论 doctype 声明什么,大多数浏览器都会陷入 Quirks 模式。

2. 格式错误的文档类型

浏览器对 doctype 声明的方式和格式非常敏感。 如果他们无法识别错误的文档类型,他们将被迫进入 Quirks 模式(建议将已知正确的文档类型复制并粘贴到文档中,而不是自己键入)。 文档类型错误的一个常见原因是文档类型的第一部分和 URL 之间缺少空格。 将两行文档类型折叠成一行通常会丢失这种空白。

3. 转换文档类型

当浏览器处理过渡文档类型时最有可能发生不一致。 IE和Opera使用标准模式; Netscape 6 和旧版本的 Safari 使用 Quirks 模式; Netscape 7、Mozilla 1 和较新版本的 Safari 使用 Netscape 的“Almost Standards”模式,这是标准模式的容错性更高的版本。

4. 未知的文档类型

浏览器对无法识别的文档类型的处理也存在不一致。 IE和Opera将进入标准模式; 换句话说,它假设无法识别的文档类型是尚未集成到浏览器中的新标准。 Netscape 6 则相反,当遇到无法识别的文档类型时切换到 Quirks 模式。

Doctype切换实际上是让浏览器进入正确的渲染模式并正确显示网页的有效方法,前提是你注意到各种浏览器的不一致,并能主动预防各种问题。

8. 如何使用XHTML

1. 紧接着里面的DOCTYPE声明的是一个XHTML名称空间(namespace)声明,放置在增强元素中,写法为:

2、由于XHTML 1.0页面是合法的XML文档,而XML对标签和属性是区分大小写的,为了简单起见,XHTML 1.0页面中的所有标签和属性都必须使用大写。

一些免费工具,例如 HTML Tidy(),可以帮助您手动将标签和属性转换为大写。

3. 通过在元素内部添加元素来声明页面中使用的语言。

4.在XHTML中,所有属性都必须添加冒号。

一些免费工具,例如 HTML Tidy(),可以帮助您手动殖民所有属性。

5. 在XHTML中,所有属性都必须有一个值。

不能像 HTML 4.0 那样写:

相反,写:

6. 在XHTML中html 下边框,所有标签都必须是闭合的。

结束标签有两种形式,有内容的标签使用结束标签来结束,空标签前面有一个空格和“/”。 例如:

这是可接受的 HTML,也是有效的 XHTML。

7. 评论内容中请勿使用“--”。

“--”只能用在XHTML注释的开头和结尾,不能用在注释内容中。 不允许使用以下表达式:

< 也是下面经典的“分隔符”。 -->

8. HTML 对所有特殊符号进行编码。

W3C的XHTML/CSS/DOM这三个规范构成了一个完整而严密的体系。 我将这三个规范称为网络世界的“三位一体神的转变”。 这3个规范分别代表了Web页面的结构(struction)、表现(Performance)和行为(behavior)。 将网页严格划分为这3层,并尽量使各层内容相互独立,有利于提高页面的可重用性和模块化性,同时也大大增加页面制作、维护和修改的成本。 为了实现上述分层目标,编写的XHTML应该只包含结构相关的标签(元素和属性)。 因此,你应该习惯使用 Strict 类型的 DTD,并尽快丢弃这些表达性标签(这些标签在 HTML 4.0 规范中被标记为 Deprecated,即“不提倡”,并且将在以后彻底废弃) XHTML 版本); 尽快摆脱旧的基于表格的布局方式,采用完整的CSS布局。

9.XHTML相关书籍推荐

HTML 和 XHTML 权威手册,作者:Chuck Musciano 和 Bill Kennedy。

XHTML 教程,作者:Chelsea Valentine 和 Chris Minnick。

Jeffrey Zeldman 的网站重构。

为什么它可以设置高度,但与那些元素不同,感觉它是一个“半内联”(inline:inline[text]-level)元素。 HTML 4 是这样描述的:

以下元素也可以被视为块级元素,因为它们可能包含块级元素:

DD – 定义描述DT – 定义术语FRAMESET – 框架集LI – 列表项TBODY – 表格主体TD – 表格数据单元TFOOT – 表格脚TH – 表格标题单元THEAD – 表格标题TR – 表格行

在这个描述中,似乎是在说它是一个“半内联”元素。当然,上面的列表类似于

这些因素也给我带来了这样的疑问。 今天我看了一下各个浏览器的默认CSS。 结果是这样的:

浏览器CSS

IE6/IE7

li {显示:块;}

IE8+ / Webkit / Firefox / Opera

li{显示:列表项;}

到这里,基本就清楚了。 在IE6/7以外的A级浏览器中,它是一个“半内联”元素。 说到display:list-item;,其实尽管所有A级浏览器都支持,但用的人并不多。 为什么? 事实上,这是没有用的。 在 Quirks 模式下,PPK 是这样说的:

display: list-item 表示该元素显示为列表项,这主要意味着它前面有一个项目符号(如 UL),但在 Mac 上的 IE 5 中它会显示一个数字(如 OL )。 这些数字有问题:页面中所有先前的 LI 都计为 1,因此此示例从数字 5 开始(屏幕截图是在我插入兼容性 LI 之前制作的)。

实例:display: blockdisplay: list-itemdisplay: list-item

正确的。 其实这个意义不大。 不过也算是解答了我的一个疑惑。 分享一下,如果你也有这样的疑惑,可能是上次编码的时候出现了bug或者其他疑惑,估计你也能很快回复。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html 下边框-HTML表格边框的控制详解 https://www.wkzy.net/game/156595.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务