欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

XHTML与HTML简单比较_html/css_WEB-ITnose

程序员文章站 2022-05-20 13:17:15
...
XHTML是一种使用XML规范编写的HTML，XHTML与普通Html有很多不同，主要不同是要求编写规范，当然XHTML这些规范也给人工编写代码带来不是很方便，但是对于机器阅读或SEO还是有帮助的。

XHMTL和HTML的不同

  • XHTML是HTML更严格和更清晰的版本.
  • XHTML DOCTYPE需要首先强制声明.
  • XHTML元素都必须小写
  • XHTML属性名都必须小写
  • XHTML属性的值必须使用引号
  • XHTML元素必须是闭合的（带斜杠“/”）
  • XHTML文档必须有一个根元素
  • XHTML元素必须恰当地内嵌，不是随意嵌套的

声明XHTML DOCTYPE

如果希望使用XHTML编写网页，首先，XHTML需要有一个在页面头部XHTML DOCTYPE 声明，有三种类型：

XHTML 1.0 Transitional

如果你想编写一个完全符合规范的页面就请使用这个transitional类型，在页面头部加入下面申明：

XHTML 1.0 Strict

如果你只想编写符合比较清晰规范的页面就使用这个strict类型，虽然不是完全符合规范，但是大多数XHTML属性可以使用，在头部加入：

XHTML 1.0 Frameset

如果你只想编写一个普通Html框架的页面使用这个frameset类型，因为html相比XHTML编写没有那么规范。

元素必须闭合

错误写法：

This is paragraph line.

正确写法：

This is paragraph line.

多一个

环绕文本。每个元素必须闭合，以斜杠符号“/”标志结束闭合

属性必须小写

错误写法：

正确写法是将上面的大写字母变成小写：

属性值必须是双引号

错误写法：

正确写法是将上面width的值90%加上双引号：

请注意不能使用中文的双引号

严格对应嵌套

错误方式：This is XHTML page

上面错误在于嵌套了，那么结束也要遵循这个规则，正确方式是：

This is XHTML page

嵌套规则是遵循下面禁止条例：

XHML编写主要遵循两个规则：遵循嵌套规则，每个元素必须闭合，以斜杠符号“/”标志结束闭合。

XHTML与HTML简单比较_html/css_WEB-ITnose


HTML如何转变到XHTML?

  • 在每个页面增加第一行XHTML doctype
  • 每个页面增加xmlns 属性
  • 每个元素名称必须小写
  • 闭合所有没有闭合的元素
  • 属性名称转换到小写
  • 属性值使用双引号

下面是一个标准XHTML:

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

My First Document

Hello, World

Welcome to XHTML

This page written by:

(Jdon)


2000 and beyond

什么是自适应设计？

Javascript专题

XHTML与HTML简单比较_html/css_WEB-ITnose

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

相关文章

相关视频

网友评论

文明上网理性发言，请遵守 新闻评论服务协议

我要评论
  • XHTML与HTML简单比较_html/css_WEB-ITnose

    • 专题推荐

    作者信息
    XHTML与HTML简单比较_html/css_WEB-ITnose

    认证0级讲师

    发布技术文章
    • 最新文章
    • 热门排行
    推荐视频教程
  • XHTML与HTML简单比较_html/css_WEB-ITnosejavascript初级视频教程
  • XHTML与HTML简单比较_html/css_WEB-ITnosejquery 基础视频教程
    • 视频教程分类

    ：公益在线php培训，帮助PHP学习者快速成长！

    Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1XHTML与HTML简单比较_html/css_WEB-ITnose关于我们免责申明赞助与捐赠广告合作

    XHTML与HTML简单比较_html/css_WEB-ITnose   XHTML与HTML简单比较_html/css_WEB-ITnose
    相关标签： XHTML与HTML简单比较

    上一篇： PHP实现合并discuz用户_PHP

    下一篇： JavaScript如何获取鼠标点击的位置？获取的三种方法汇总

    推荐阅读