html5购物网站前言,HTML5的结构和语义—

html5购物网站前言,HTML5的结构和语义——前言（一）

news/2024/5/14 2:27:10/文章来源:https://blog.csdn.net/weixin_39636540/article/details/117869298

HTML5的结构和语义——前言(一)

2018年03月28日

| 萬仟网IT编程

| 我要评论

超文本标记语言(HTML)5 第一次向HTML 中引入新的元素。新的结构元素包括aside、figure 和section。新的内联元素包括time、meter 和progress

超文本标记语言(HTML)5 第一次向HTML 中引入新的元素。新的结构元素包括aside、figure 和section。新的内联元素包括time、meter 和progress。新的内嵌元素有video 和audio。新的交互元素有details、datagrid 和command。

超文本标记语言(HTML)的开发到1999 年HTML 4 就停止了。万维网联盟(W3C)把重点转向将HTML 的底层语法从标准通用标记语言(SGML)改为可扩展标记语言(XML)，以及可缩放向量图型(SVG)、XForms 和MathML 这些全新的标记语言。浏览器厂商则把精力放到选项卡和富站点摘要(RSS)阅读器这类浏览器特性上。Web 设计人员开始学习使用异步JavaScript XML(Ajax)，在现有的框架下通过层叠样式表(CSS)和JavaScript? 语言建立自己的应用程序。但是在接下来的八年中，HTML 本身没有任何变化。

最近，它又复活了。三家重要的浏览器厂商 —Apple、Opera 和Mozilla Foundation — 成立了Web Hypertext Application Technology Working Group(WhatWG)来开发传统HTML 的新版本。最近，W3C 也注重到了这些活动，也启动了自己的新一代HTML 项目，双方的成员有很多是相同的。这两个项目最终很可能合并。虽然很多细节还在争论之中，但下一版本HTML 的大体轮廓已经清楚了。

Web 开发人员从1999 年就一直期待HTML 的新版本(通常称为HTML 5，但是也称为Web Applications 1.0)，现在它终于发布了。它保持了HTML 原来的特色：没有名称空间或模式。元素不必结束。浏览器会宽容地对待错误。p 仍然是p，table 仍然是table。

假如在1999 年将一位Web 开发人员冷冻起来，现在再解冻，那么他会碰到一些新的让人迷惑的元素。是的，他熟悉的元素(比如p)仍然保留了；但是，HTML 现在还包含section、header、footer 和nav 等新元素。em、code 和strong 仍然存在，但是增加了meter、time 和m。img 和embed 仍然可用，但是还增加了video 和audio。但是，他仔细观察一下就会发现，这些元素实际上没什么区别。其中许多元素可能在1999 年是开发人员需要而没有得到的。通过与他已经把握的元素进行简单的类比，这些新元素都很轻易理解。实际上，与Ajax 或CSS 相比，它们非常轻易把握。

最后，当他打开300MHz 的笔记本(运行的是Windows 98，也是在1999 年冷冻起来的)时，他可能对Netscape 4 和Windows? Internet Explorer? 5 中显示的新页面效果很吃惊。当然，这些老式浏览器不熟悉新元素，会完全忽略它们，但是页面仍然会显示，内容仍然是完整的。

这并不是什么虚构的故事。HTML 5 的设计原则就是在不支持它的浏览器中能够平稳地退化。原因很简单：我们都是这样的 “原始人”。浏览器现在有选项卡、CSS 和XmlHttpRequest，但是它们的HTML 显示引擎仍然停留在1999 年的水平。除了用户量大大增加之外，Web 其实在本质上没什么进步。HTML 5 考虑到了这一点。它目前为Web 开发人员一些真正的好处，随着浏览器的缓慢升级，页面浏览者会逐渐享受到这些好处。

我们来看看HTML 5 提供了什么

如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。

Canvas 跨域如何解决？这里记录下使用 Canvas 绘图过程中所遇到的跨域问题和解决方案。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编...

[2019.06.29 学习笔记1] 1.定义文档主体。 2.常见属性background：设置文档背景图片，不设置其他的情况默认平铺。 3.常见属...

一、CSS3选择器 CSS3是CSS的第三代版本，新增了很多功能，例如：强大的选择器、盒模型、圆角、渐变、动画、2D/3D转换、文字特效等。 CSS...

新增的标签和属性 1、结构标签 article section aside nav header footer hgroup figure addr...

随着互联网的深入发展，html5开发工程师一跃成为市场上非常抢手的人才。很多同学，包括以前做UI的、Java的、或者对于IT完全零基础的同学...

前面我们学习了audio和video最基本的用法，为了更加灵活的控制音视频的播放，我们就需要学习HTML5为我们提供的相关属性、方法和事件了...

gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg