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

时间 2019-12-07

标签 html5 html 学习笔记 xhtml 介绍栏目 HTML5 繁體版

原文原文链接

XHTML 简介

1. 什么是XHTML?html

　　XHTML指的是可扩展超文本标记语言浏览器

　　XHTML与HTML4.0几乎是相同的框架

　　XHTML是更严格更纯净的HTML版本spa

　　XHTML是以XML应用的方式定义HTMLcode

　　XHTML获得全部主流浏览器的支持orm

2. 为何使用XHTMLhtm

　　为了代码的完整性和良好性blog

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>

南心芭比: 热爱分享, 收获快乐~