您的位置: 翼速应用 > 业内知识 > web前端 > 正文

web教程:html与xhtml之简析

本文是关于Web前端的知识分享,带大家简单了解下html与xhtml。HTML超文本标记语言,是一种基于标记的网页设计语言,专门用来设计和编辑网页。XHTML是为了适应XML而重新改造的HTML,也是一种标记语言,它可以看作是从HTML到XML的过渡;XHTML要求在网页中出现的任何元素都应该被标记出来。


web教程:html与xhtml之简析


本文适用于windows7系统、HTML5版、Dell G3电脑。


web教程:html与xhtml之简析


详解HTML


HTML 英文全称是 Hyper Text Markup Language,中文译为“超文本标记语言”,是一种基于标记的网页设计语言,专门用来设计和编辑网页。


超文本标记语言,是WWW的描述语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。


<!DOCTYPE html>
<html>
<body>
    <h1>hello world !</h1>
</body>
</html>


那么超文本又是什么意思呢?超文本:页面可以包含图片、链接,甚至音乐、程序等非文字元素,我们回想一下项目中HTML他的作用到底是什么。一、不假思索的可以肯定的就是他的显示功能 二、页面上的任意元素,我们都可以结合JS对他进行一些动画的变化,不管是显示上的改变还是链接到别的地方。也就可以讲HTML中的元素想象成一个入口,只要轻轻一点鼠标,我们可能得到更多的相关内容。好了,现在展开想象,讲一个HTML页面想象成一个节点,通过某种触发,连接到两一个HTML上,这样,数以万计的HTML页面就构成了我们的万维网。


详解XML


XML是用来对信息进行自我描述而设计的一种新语言。同HTML一样,XML也是一种基于文本的标记语言,但是XML可以让用户根据要表现的文档,自由地定义标记来表现具有实际意义的文档内容。


详解XHTML


可扩展超文本标记语言XHTML(eXtensible HyperText Markup Language)是将超文本标记语言HTML(HyperText Markup Language)作为XML应用而重新定义的标准。


XHTML是为了适应XML而重新改造的HTML,也是一种标记语言;它可以看作是从HTML到XML的过渡;XHTML要求在网页中出现的任何元素都应该被标记出来。


XHTML几乎与HTML相同,但它比HTML更严格。XHTML是HTML定义为XML应用程序。它受到所有主流浏览器的支持。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   >
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
  <title>标题</title>  
</head>  
<body>  
  <h1>XHTML</h1>
</body>  
</html>


Xhtml与html之区别解析


1、XHTML元素必须被正确地嵌套


例:一般html网页可以“<b><i>主要内容</b></i>”这是个不严格,在XHTML是错误的;正确的在xhtml标准中就必须要求这样“<b><i>主要内容</i></b>”。


2、XHTML 元素必须被关闭


exp:一个HEAD里的例子,“<meta name="keywords" content="关键字" > ”像这个标签在html是可行的,但是为了xhtml的标准所以必须关闭如“<meta name="keywords" content="关键字" /> ”


如在一般html使用 “ <p> ”这个换大行标签时候很多人直接在需要换行的段落加个“ <p> ”标签就完了,但是在XHTML CSS标准中就必须是这样的 “ <p>段落文字</p> ” 意思就是必须由“ <p> 这个换行标签开始与文章文字段前,并在该段文字文字后以“ </p> ”标签结束。


如很多在做html页面时候用到小换行标签“ br ”,很多人不知道这个标签需要以关闭的样式来换行,如:一段文字后要换行 很多CSS制作这就在需要换行的地方加了个“ <br> ”就好了 ,但是告诉大家这也是不标准,在XHTML验证时候是通不过的,必须用“ <br /> ”自关闭结束。


3、标签名必须用小写字母


在以前的网页中对于很多标签通常使用大写或大小写的编排方式,但是在为了WEB标准现在标签都要求小写统一。


exp:以前很多“<html>、<body> ”等都用大写或大小写混用如“ <HTML>、<BODY> ”或“<Html>、<Body> ”排版,但是XHTML统一要求需要用“ <html>、<body> ”小写。


4、XHTML文档必须拥有根元素


意思就是一什么标签开始就要用什么标签结束,如<body>开始就要在内容结束用</body>来关闭。


5、对于图片需添加alt属性


以前很多时候在网页里显示图片img标签里都可加可不加alt属性,但是现在xhtml要求必须加上alt属性,不然xhtml验证将提示错误,哪怕alt的值为空都可以。


exp:


●  错误 <img src="图片地址" />


●  正确<img src="图片地址" alt=“图片说明" />


那加了alt有什么好处呢?答:加上alt可以对图片进行文字说明,可让搜索引擎辨别图片内容,是优化网页好地方。


以上就是关于html与xhtml的全部科普分享,翼速应用平台内有更多相关资讯,欢迎查阅!


我来说两句

0 条评论

推荐阅读

  • 响应式布局CSS媒体查询设备像素比介绍

    构建响应式网站布局最常见的是流体网格,灵活调整大小的站点布局技术,确保用户在使用的幕上获得完整的体验。响应式设计如何展示富媒体图像,可以通过以下几种方法。

    admin
  • 提升网站的性能快速加载的实用技巧

    网站速度很重要,快速加载的网站会带来更好的用户体验、更高的转化率、更多的参与度,而且在搜索引擎排名中也扮演重要角色,做SEO,网站硬件是起跑线,如果输在了起跑线,又怎么跟同行竞争。有许多方法可提升网站的性能,有一些技巧可以避免踩坑。

    admin
  • 织梦CMS TAG页找不到标签和实现彩色标签解决方法

    织梦cms是我们常见的网站程序系统的一款,在TAG标签中常常遇到的问题也很多。当我们点击 tags.php 页的某个标签的时候,有时会提示:“系统无此标签,可 能已经移除!” 但是我们检查程序后台,以及前台显示页面。这个标签确实存在,如果解决这个问题那?

    admin
  • HTML关于fieldset标签主要的作用

    在前端开发html页面中常用的标签很多,今天为大家带来的是关于HTML中fieldset标签主要的作用说明,根据技术分析HTML

    admin

精选专题