编写 XHTML 代码需要纯净的 HTML 语法。

更多的 XHTML 语法规则:
  • 属性名称必须小写
  • 属性值必须加引号
  • 属性不能简写
  • 用 Id 属性代替 name 属性
  • XHTML DTD 定义了强制使用的 HTML 元素

属性名称必须小写

这是错误的:

<table WIDTH="100%">

这是正确的:

<table width="100%">

属性值必须加引号

这是错误的:

<table width=100%>

这是正确的:

<table width="100%">

属性不能简写

这是错误的:

<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>

这是正确的:

<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />

下面是一个 HTML 的简写属性列表,以及在 XHTML 中的改写:

HTML XHTML
compact compact="compact"
checked checked="checked"
declare declare="declare"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"
noresize noresize="noresize"

用 id 属性代替 name 属性

HTML 4.01 针对下列元素定义 name 属性:a, applet, frame, iframe, img, 和map。

在 XHTML 中不鼓励使用 name 属性,应该使用 id 取而代之。

这是错误的:

<img src="picture.gif" name="picture1" />

这是正确的:

<img src="picture.gif" id="picture1" />

重要的兼容性提示:

你应该在 "/" 符号前添加一个额外的空格,以使你的 XHTML 与当今的浏览器相兼容。

语言属性(lang)

lang 属性应用于几乎所有的 XHTML 元素。它定义元素内部的内容的所用语言的类型。

如果在某元素中使用 lang 属性,就必须添加额外的 xml:lang,像这样:

<div lang="no" xml:lang="no">Heia Norge!</div>

强制使用的 XHTML 元素

所有 XHTML 文档必须进行文件类型声明(DOCTYPE declaration)。在 XHTML 文档中必须存在html、head、body元素,而 title 元素必须位于在 head 元素中。

下面是一个最小化的 XHTML 文件模板:

<!DOCTYPE Doctype goes here>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title goes here</title>
</head><body>
</body></html>

提示:文件类型声明并非 XHTML 文档自身的组成部分。它并不是 XHTML 元素,也没有关闭标签。

提示:在 XHTML 中,<html> 标签内的 xmlns 属性是必需的。然而,即使当 XHTML 文档中没有这个属性时,w3.org 的验证工具也不会提示错误。这是因为,"xmlns=http://www.w3.org/1999/xhtml" 是一个固定的值,即使你没有把它包含在代码中,这个值也会被添加到 <html> 标签中。

你会在下一章学习更多关于 XHTML 文档类型声明的知识。

转载于:https://www.cnblogs.com/bgli/archive/2011/09/22/2184900.html

XHTML 教程 续二相关推荐

  1. XHTML 教程 续一

    通过开始编写严格的 HTML,你可以为 XHTML 做好准备. 如何为 XHTML 做好准备 XHTML 与 HTML 4.01 标准没有太多的不同. 所以将你的代码升级至 4.01 是个不错的开始. ...

  2. Windows server 2012 搭建×××图文教程(二)配置路由和远程访问服务

    Windows server 2012 搭建×××图文教程(一)安装×××相关服务 Windows server 2012 搭建×××图文教程(二)配置路由和远程访问服务 Windows server ...

  3. [翻译]asp.net ajax xml-script教程(二)

    原文地址:http://dotnetslackers.com/articles/atlas/xml_script_tutorial_part2.aspx asp.net ajax xml-script ...

  4. Ocelot简易教程(二)之快速开始2

    为什么这篇的标题叫"Ocelot简易教程(二)之快速开始2"呢,因为很多朋友跟我说上一篇" Ocelot简易教程(二)之快速开始1"内容太少了,只是简单介绍Oc ...

  5. 这可能是最好的RxJava 2.x 入门教程(二)

    这可能是最好的 RxJava 2.x 入门教程系列专栏 文章链接: 这可能是最好的 RxJava 2.x 入门教程(完结版)[推荐直接看这个] 这可能是最好的RxJava 2.x 入门教程(一) 这可 ...

  6. iOS11开发教程(二十三)iOS11应用视图实现按钮的响应(3)

    iOS11开发教程(二十三)iOS11应用视图实现按钮的响应(3) 2.使用代码添加按钮实现的响应 使用代码添加的按钮,实现响应需要使用到addTarget(_:action:for:)方法,其语法形 ...

  7. iOS 11开发教程(二十二)iOS11应用视图实现按钮的响应(2)

    iOS 11开发教程(二十二)iOS11应用视图实现按钮的响应(2) 此时,当用户轻拍按钮后,一个叫tapButton()的方法就会被触发. 注意:以上这一种方式是动作声明和关联一起进行的,还有一种先 ...

  8. iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1)

    iOS 11开发教程(二十一)iOS11应用视图美化按钮之实现按钮的响应(1) 按钮主要是实现用户交互的,即实现响应.按钮实现响应的方式可以根据添加按钮的不同分为两种:一种是编辑界面添加按钮实现的响应 ...

  9. iOS 11开发教程(二十)iOS11应用视图美化按钮之设置按钮的状态

    iOS 11开发教程(二十)iOS11应用视图美化按钮之设置按钮的状态 在示例2-2中,设置按钮的标题和颜色时,需要对按钮的状态进行设置,表示按钮在某一状态下的标题和标题颜色是什么样子.例如,UICo ...

  10. iOS 11开发教程(二)编写第一个iOS 11应用

    iOS 11开发教程(二)编写第一个iOS 11应用 编写第一个iOS 11应用 本节将以一个iOS 11应用程序为例,为开发者讲解如何使用Xcode 9.0去创建项目,以及iOS模拟器的一些功能.编 ...

最新文章

  1. 不用深度学习,怎么提取图像特征?
  2. python语言标识符首字符不能是汉字_Python基本语法元素
  3. 【MATLAB】基本绘图 ( 线条设定 | 线条设定组合 )
  4. Android Telephony分析(三) ---- RILJ详解
  5. HTML和CSS面试问题总结,html和css面试总结
  6. win11很卡怎么办 windows11很卡的解决方法
  7. 我的each方法——JavaScript Array
  8. 关于建立内部会议讨论规范的想法
  9. 十款常见的开源数据库学习资料大汇总
  10. SPC控制图的样品子组大小为什么建议为5
  11. 求解多项式的极限问题
  12. CPU_Z计算机主板性能表,只为高端玩家 七款Z97高规主板推荐
  13. matlab 隐函数求偏导数,[对常数的隐函数的求导]隐函数求偏导数如图,为什么F对x求偏导能把z看成常数z不是对x的导数吗~...
  14. 搭建网站从服务器购买备案到域名注册整个流程
  15. linux无线网卡ucod文件,基于Linux的无线网卡驱动程序
  16. Android 子线程更新UI
  17. 23年哪些企业不能申报高企
  18. html设计动画小黄人,【二次元的CSS】—— 用 DIV + LESS 做一个小黄人构造器
  19. 计算机工程专业院校排名,2017美国计算机工程专业院校排名
  20. 云宏信息科技股份有限公司

热门文章

  1. webStorm 修改 JavaScript 版本为 ES6
  2. Windows 命令 netstat 查看网络端口、telnet 检测对方端口是否可用
  3. 小D课堂 - 新版本微服务springcloud+Docker教程_3-07 Eureka服务注册中心配置控制台问题处理...
  4. 小D课堂 - 新版本微服务springcloud+Docker教程_2_04微服务下电商项目基础模块设计...
  5. 电子书下载:[FBI教你破解身体语言].(美)乔·纳瓦罗.(美)马文·卡尔林斯.文字版...
  6. 详解C# 匿名对象(匿名类型)、var、动态类型 dynamic
  7. 关闭jtag保留swd
  8. springmvc返回json字符串中文乱码问题
  9. poj1456(贪心+并查集)
  10. JSTL 学习、应用记录