XHTML 简介
1. 什么是XHTML?
XHTML指的是可扩展超文本标记语言
XHTML与HTML4.0几乎是相同的
XHTML是更严格更纯净的HTML版本
XHTML是以XML应用的方式定义HTML
XHTML得到所有主流浏览器的支持
2. 为什么使用XHTML
为了代码的完整性和良好性
3. 文档声明:
DTD: 规定了使用通用标记语言的网页语法
4. 三种XHTML文档类型
STRICT(严格类型)
TRANSTIONAL(过度类型)
FRAMESET(框架类型)
例: 不规范的书写方式, 虽然在浏览器中能显示出来, 但是为后续开发和维护带来很大的问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>XHTML</title>
</head>
<body>
<!-- 书写格式不规范 -->
<h1>这是一个标题
<p>大家好
abcd
<A href="index.html">index</A>
</body>
</html>
下面是介绍XHTML的正确语法.
XHTML元素
XHTML元素语法:
XHTML元素必须正确嵌套
XHTML元素必须始终关闭
XHTML元素必须小写
XHTML文档必须有一个根元素
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>XHTML</title>
</head>
<!-- 文档必须有个更元素 比如 html, head, body -->
<body>
<!--元素必须小写-->
<!-- 正确的嵌套 h1标签 嵌套 p标签 -->
<h1><p>hello</p></h1>
<!-- 错误的嵌套 -->
<h1><p>hello</h1></p>
<!-- 元素必须始终关闭 -->
<h1></h1>
<br/>
</body>
</html>
XHTML属性
XHTML属性语法规则:
XHTML属性必须小写
XHTML属性值必须用引号包围
XHTML属性最小化也是禁止的
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>XHTML</title>
</head>
<body>
<!-- 属性必须小写, 值用双引号包围 -->
<table width="100"></table>
<form>
<!-- 属性禁止最小化(简写) 比如type="button" 不能直接写button -->
<input type="button">
</form>
</body>
</html>
南心芭比: 热爱分享, 收获快乐~