您的位置：首页 > 编程技术 > html  >  在Dreamweaver中使页符合XHTML

在Dreamweaver中使页符合XHTML

 更新时间：2016年9月20日 19:06  点击：1421

XHTML 1.0是基于HTML4.0的，因此它能够被已有的浏览器解析。就意味着可以立即开始使用XHTML。另外不管是转换一个已经存在的站点还是建立新的代码，都可以使用工具来帮助,一致事半功倍。

W3C将XHTML 1.0分为三种规范：XHTML-1.0-Strict（严格）、XHTML-1.0-Transitional（过渡）和XHTML-1.0-Frameset（框架）。

一般建议用XHTML-1.0-Transitional（过渡）进行现有站点的转换,因为在我们写html的时候可能过多的在HTML中包含很多控制外观的标记,否则要改成css控制的话工作量相对增大.还有一个就是浏览器问题,就是有些用户可能用的是不支持新版css2(建议用XHTML & CSS2)的旧式浏览器,所以用XHTML-1.0-Transitional（过渡）来分担部分控制外观是理想的.

使页符合XHTML
当您创建新页时，您可以使该页符合 XHTML。您还可以使现有的 HTML 文档符合 XHTML。

若要新建符合 XHTML 的文档，请执行以下操作：
选择“文件” >“新建”。
即出现“新建文档”对话框。

选择一种文档类型。
选择“使文档符合 XHTML”选项。
注意：不是所有的文档类型都可以使之符合 XHTML。

单击“确定”。
若要以默认方式创建符合 XHTML 的文档，请执行以下操作：
选择“编辑”>“首选参数”或 Dreamweaver >“首选参数”(Mac OS X)，然后选择“新建文档”类别。
在“新建文档”类别中，选择一种文档类型并选择“使文档符合 XHTML”选项。
单击“确定”。
若要使现有 HTML 文档符合 XHTML，请执行以下操作：
打开文档，然后执行下列操作之一：
对于不含框架的文档，选择“文件”>“转换”>“XHTML”。
对于包含框架的文档，选择一个框架并选择“文件”>“转换”>“XHTML”。若要转换整个文档，请对每个框架以及框架页文档重复此步骤。
注意：您不能转换模板的实例，因为模板的实例必须与它所基于的模板使用相同的语言。例如，基于 XHTML 模板的文档将始终是 XHTML，基于不符合 XHTML 的 HTML 模板的文档将始终是 HTML，并且不能把它转换为 XHTML 或其它语言。

框架结构可以让几个网页同时显示在浏览器的一个页面内。我们不推荐您使用它来设计网站。

框架结构标签<frameset></frameset>
框架允许你在一个浏览器窗口内打开两个乃至多个页面。你可以这样理解，<frameset>其实就是一个大<table>，只不过整个页面是<table>的主体，而每一个单元格的内容都是一个独立的网页。

给框架结构分栏(”cols“和”rows“属性)
既然我们说框架结构可以被理解为一网页为单元格的表格，那么就一定要分栏了。其中cols属性将页面分为几列，而rows属性则将页面分为几行。下面来看一个例子。

 代码如下 复制代码
<html>
<frameset rows="25%,75%">
<frame src="1.html"/>
<frame src="3.html"/>
</frameset>
</html>

其中"rows="25%,75%"表示该页面共分为两行，因为它有两个属性值，而他们的大小则分别为页面高度的25%和75%。点击这里查看以上代码的显示效果。框架标签<frame>


上面的实例中已经用到了<frame>标签，它的src属性就是这个框架里将要显示的内容。在本实例中的两个框架是可以通过拖拽开改变大小比例的，如果你希望它们大小固定可以使用noresize="noresize"属性。

注意：<frame>标签是空标签，需要加上一个"/"以符合XHTML的要求。

关于<noframe>标签
该标签只有当浏览器不支持框架结构时才会起到作用，由于现在几乎所有网民的浏览器都支持框架结构，所以我们在这里就不介绍这个标签了。如果你想了解相关内容，可以查阅网络上的HTML手册。

框架结构和DTD
框架页面的DTD与一般网页不同。声明方法如下：

 代码如下 复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 

本教程介绍FORM表单标记的各种属性在网页设计中的应用.

<FORM>标记的NAME属性
基本语法

 代码如下 复制代码
01 <Form name="Form＿name">
02 ……
03 </Form>

语法解释
通过为表单命名可以控制表单与后台程序之间的关系。

文件范例：11-1.htm
在页面中插入表单。

 代码如下 复制代码

01 <!-- ------------------------------ -->
02 <!-- 文件范例：11-1.htm -->
03 <!-- 文件说明：插入表单 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>插入表单</title>
08 </head>
09 <body>
10 <h1>用户调查</h1>

11 <Form name=invest>

12 </Form>
13 </body>
14 </html>

文件说明
第11行是表单标记，表单的名称为"invest"。

HTML网页列表标记学习教程.
在html页面中，列表可以起到提纲写领的作用。列表分为两种类型，一是有序列表，一是无序列表。前者用项目符号来标记无序的项目，而后者则使用编号来记录项目的顺序。

所谓有序，指的是按照数字或字母等顺序排列列表项目。
所谓无序，是指以●、○、□等开头的，没有顺序的列表项目。
关于列表的主要标记，如下表所示

 

标记 描述
<ul> 无序列表
<ol> 有序列表
<dir> 目录列表
<dl> 定义列表
<menu> 菜单列表
<dt>、<dd> 定义列表的标记
<li> 列表项目的标记


有序列表标记<OL>
有序列表使用编号，而不是项目符号来编排项目。列表中的项目采用数字或英文字母开头，通常各项目间有先后的顺序性。在有序列表中，主要使用<ol>和<li>两个标记以及type和两个start属性。

基本语法
<ol>
   <li>项目一
   <li>项目二
   <li>项目三
      ……
</ol>
语法解释
在有序列表中，使用<ol>作为有序的声明，使用<li>作为每一个项目的起始。


文件范例：7-1.htm
通过<ol>和<li>标记建立有序列表。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：7-1.htm -->
03 <!-- 文件说明：建立有序列表 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>建立有序列表</title>
08 </head>
09 <body>
10 <h2>图像设计软件</h2>
11 <ol>
12 <li>Photoshop
13 <li>Illustrator
14 <li>Freehand
15 <li>CorelDraw
16 </ol>
17 </body>
18 </html>

 

 

[!--infotagslink--]

相关文章

  • php中去除文字内容中所有html代码

    PHP去除html、css样式、js格式的方法很多，但发现，它们基本都有一个弊端：空格往往清除不了 经过不断的研究，最终找到了一个理想的去除html包括空格css样式、js 的PHP函数。...2013-08-02

  • IE6-IE9中tbody的innerHTML不能赋值的解决方法

    IE6-IE9中tbody的innerHTML不能赋值，重现代码如下 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IE6-IE9中tbody的innerHTML不能复制bug</title> </head> <body style="height:3...2014-06-07

  • XML、HTML、CSS与JS的区别整理

    在BS中，xml，html，css和js我们都学过，起初分不清这四者的区别和联系，随着知识的增长，有了一些体会，下面通过本文给大家简单介绍 XML、HTML、CSS与JS的区别，需要的朋友参考下...2016-02-21

  • Angular.js中下拉框实现渲染html的方法

    这篇文章主要给大家介绍了关于在Angular.js中下拉框实现渲染html的方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来跟着小编一起来学习学习吧。...2017-06-24

  • angularjs中ng-bind-html的用法总结

    这篇文章主要介绍了angularjs中ng-bind-html的用法总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2017-05-27

  • PHP正则表达式过滤html标签属性(DEMO)

    这篇文章主要介绍了PHP正则表达式过滤html标签属性的相关内容，实用性非常，感兴趣的朋友参考下吧...2016-05-06

  • C#使用正则表达式过滤html标签

    最近在开发一个项目，其中有需求要求我们把一段html转换为一般文本返回，使用正则表达式是明智的选择，下面小编给介绍下C#使用正则表达式过滤html标签，需要的朋友参考下...2020-06-25

  • C# 使用 WebBrowser 实现 HTML 转图片功能的示例代码

    这篇文章主要介绍了C# 如何使用 WebBrowser 实现 HTML 转图片功能，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下...2020-11-03

  • JS实现pasteHTML兼容ie,firefox,chrome的方法

    这篇文章主要介绍了JS实现pasteHTML兼容ie,firefox,chrome的方法,涉及javascript针对页面元素的动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2016-06-24

  • js innerHTML 改变div内容

    在做ajax无刷新时,我想很多朋友都会知道js innerHTML来更改 div 或table里面的值哦. JavaScript的innerHTML 永远不知道你可以改变的内容，一个HTML元素？也许你要...2016-09-20

  • IE6-IE9使用JSON、table.innerHTML所引发的问题

    这篇文章主要介绍了IE6-IE9使用JSON、table.innerHTML所引发的问题 ,需要的朋友可以参考下...2015-12-24

  • html中MIME介绍及用途说明

    MIME表示多用途Internet邮件扩允协议。多用途互联网邮件扩展类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使...2016-09-20

  • Razor TagHelper实现Markdown转HTML的方法

    下面小编就为大家分享一篇Razor TagHelper实现Markdown转HTML的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-09-22

  • IE下select标签innerHTML插入option的BUG

    调用方法 addOption(sltObj, '<option>a</option>'); 代码如下 var sltObj=document.getElementById('xx');//获取select对象，这里只是给个例子，可以按自己习惯来获...2016-09-20

  • React html中使用react的两种方式

    这篇文章主要介绍了React html中使用react的两种方式,本文给大家提到了React pwa的配置代码，给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-04-06

  • JS中innerHTML和pasteHTML的区别实例分析

    这篇文章主要介绍了JS中innerHTML和pasteHTML的区别,结合实例形式较为详细的分析了innerHTML和pasteHTML的具体功能与使用区别,需要的朋友可以参考下...2016-06-24

  • Python下利用BeautifulSoup解析HTML的实现

    这篇文章主要介绍了Python下利用BeautifulSoup解析HTML的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-04-27

  • ASP.NET过滤HTML字符串方法总结

    这篇文章主要介绍了ASP.NET过滤HTML字符串方法总结,需要的朋友可以参考下...2021-09-22

  • HTML+CSS+JavaScript做女朋友版的刮刮乐(一看就会)

    这篇文章主要介绍了HTML+CSS+JavaScript做女朋友版的刮刮乐(一看就会)本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-08-25

  • innerHTML属性，outerHTML属性，textContent属性，innerText属性区别详解

    innerHTML属性用来读取或设置某个节点内的HTML代码。outerHTML属性用来读取或设置HTML代码时，会把节点本身包括在内。textContent属性用来读取或设置节点包含的文本内容。innerText属性和outerText属性在读取元素节点...2015-03-15