【网页设计】 HTML5语法《HTML5系列教程1》

发表于 讨论求助 2022-07-23 10:40:19

       HTML5语法《HTML5系列教程1》


  HTML5与HTML4在语法上有很多相似之处,但还是有很多的关键地方是不太一样的,接下来我们就来看一下HTML5语法和HTML4语法的不同之处。


1.字符编码

  字符编码用于指定一个HTML文档使用的是哪种字符集,以便告诉浏览器应该使用哪种编码对文本进行储存或通过通信网络进行传递。在HTML文档中,使用 元素指定字符编码。在HTML4语法中,其表现形式如下:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

而在HTML5语法中,直接使用charset属性即可指定字符编码,其形式如下:

<meta charset="utf-8">


2.DOCTYPE文档类型

  DOCTYPE文档类型是一种标准通用标记语言的文档类型声明,在HTML文档种,用于告诉浏览器应该使用什么样的文档类型来解析HTML文档。


在HTML4语法中,DOCTYPE文档类型的表现形式如下:

<!DOCTYPE HTML PUBLIC “-//w3c//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

在HTML5语法中,DOCTYPE文档类型的表现形式如下:

<!doctype html>


3.MathML与SVG

  MathML称为数学置标语言,是一种基于XML的标准,用于在互联网上书写数学符号和公式。SVG称为可缩放矢量图形,同样基于XML标准,是一种用于表示二维矢量图形的格式。在HTML4中,需要使用特定的标签来显示MathML和SVG,如embed、object或者iframe,但在HTML5中,可以将MathML和SVG内嵌在HTML文档中,完成相同功能。比如在HTML5中使用SVG元素绘制的圆如下所示:

  绘制圆形的代码:<svg style="height: 200px;">< circle r="80" cx="100" cy="100" fill="blue"/>< /svg>

绘制五角星的代码:<svg height="190"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:#bcfafd;stroke:blue;stroke-width:3;fill-rule:evenodd;" /> </svg>


  现今伴随着网络宽带和电脑配件的大幅度改善和增强,互联网未来的发展方向,注定了要适应大家日益强烈的用户体验。而HTML5语法作为唯一一个能够在多平台(PC、Mac、iPhone、iPad、Android、Windows、phone等)运行的语言,注定了其成为移动互联网时代的HTML标准。


更多精彩内容请点击下方阅读:

网页设计排版文字处理的10大错误,不看后悔!

【网页设计】网页排版设计中关于文字的处理艺术

网页设计师必须掌握的四款软件

【网页设计】网页设计的色彩搭配





发表
26906人 签到看排名