HTML5学习笔记<七>:XHTML介绍

最新推荐文章于 2023-12-01 11:28:10 发布

weixin_30631587

最新推荐文章于 2023-12-01 11:28:10 发布

阅读量85

点赞数

原文链接：http://www.cnblogs.com/winsoncheung/p/6567182.html

版权

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>