• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > DOCTYPE 中xhtml 1.0和 html 4.01区别分析

DOCTYPE 中xhtml 1.0和 html 4.01区别分析

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含xhtml,html等相关知识,佚名 希望在学习及工作中可以帮助到您
前者相对于后者有以下特性:

1.所有的标记都都要闭合
所有的标记都要闭合,如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:

<h6>close tag </h6>
<img src="../avg.png" alt=’avg’/>
<br />

2.所有标签的元素和属性的名字都必须使用小写
与HTML不一样,XHTML对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。

例如:<BODY>必须写成<body> <DIV> 要写成 <div>

3.所有的XML标记都必须合理嵌套
<p><b> </p></b> 必须修改为: <p> <b> </b> </p>

就是说,一层一层的嵌套必须是严格对称。

4.所有的属性必须用引号(单或双)包括
在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。

<height=80> 必须修改为: <height="80″>


5.把所有<和&特殊符号用编码表示
任何小于号(<),不是标签的一部分,都必须被编码为& l t ; 任何大于号(>),不是标签的一部分,都必须被编码为& g t ; 任何与号(&),不是实体的一部分的,都必须被编码为& a m p;
注:以上字符之间无空格。

6.给所有属性赋一个值
XHTML规定所有属性都必须有一个值,没有值的就重复本身。

<input type="checkbox" name="shirt" value="medium" checked>
必须修改为:
<input type="checkbox" name="shirt" value="medium" checked="checked">

7.不要在注释内容中使"- -"
"- -"只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。

<!- -这里是注释———–这里是注释- ->
需要用等号或者空格替换内部的虚线。
<!- -这里是注释============这里是注释- ->

注:- – 之间无空格

8.图片必须有说明文字 每个图片标签都必须有ALT说明文字。
<img src="ball.jpg" alt="large red ball" />

您可能想查找下面的文章:

  • 纯CSS+XHTML实现的二级导航菜单效果
  • DOCTYPE 中xhtml 1.0和 html 4.01区别分析
  • 使用Table,DIV,XHTML三者制作网页的区别.
  • xHTML+CSS与SEO的关系
  • 将PSD网站模板转换为XHTML+CSS

相关文章

  • 2017-08-06纯css制作带三角的边框(附效果图)
  • 2017-08-06Visual Foxpro 6.0 中文版安装向导(图解)
  • 2017-08-06div 背景透明度 如何设置一个div的背景透明度
  • 2017-08-06css 串联选择器和后代选择器介绍及示例
  • 2017-08-06css3.0 图形构成实例练习一
  • 2017-08-06使用CSS清除按钮和超链接点击时产生的虚线
  • 2017-08-06IE6 Bug overflow:hidden失效
  • 2017-08-06说说CSS Hack 和向后兼容(推荐)
  • 2017-08-06CSS三角箭头应用实践
  • 2017-08-06display:table-cell实现兼容性的两栏自适应布局实现代码

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Li list-style-image 图片垂直居中
    • css中em px 区别你真的了解吗
    • html css 标题背景 折边凸显效果
    • 在IE下,当margin:0 auto;无法使得块级元素水平居中时
    • 利用CSS实现禁止双击选择页面内容的实例展示
    • CSS伪元素 CSS:before CSS伪元素(Pseudo Element):after与:before
    • CSS三列布局两端固定宽度中间自适应
    • IE下判断IE版本的语句...[if lte IE 6]……[endif]兼容css解释
    • css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0
    • CSS 嵌套DIV布局(position属性)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有