《HTML5与CSS3实战指南》——第1章 HTML5和CSS3简介1.1 什么是HTML5

简介:

本节书摘来自异步社区《HTML5与CSS3实战指南》一书中的第1章,第1.1节,作者: 【美】Estelle Weyl , Louis Lazaris , Alexis Goldstein 更多章节内容可以访问云栖社区“异步社区”公众号查看。

第1章 HTML5和CSS3简介

本章将简要回顾HTML5和CSS3的发展历程,并介绍HTML5和CSS3对于现代网站及Web应用程序的重要性,以及如何应用这些技术。

当然,如果您希望直接进入创建项目的实质部分,并开始学习如何使用HTML5和CSS3的新技术及功能,您可以先跳到第2章,稍后再回到本章。

1.1 什么是HTML5

我们今天所理解的HTML5,它具有一段相对动荡的历史。您可能已经了解到HTML是万维网上用于描述网页内容及数据的主要标记语言。HTML5是此标记语言的最新版本,它包括新功能、对现有功能的改进以及基于脚本的API。

也就是说,HTML5兼容以前的所有版本—包括HTML4和XHTML1.0的所有有效元素。此外,在设计它时考虑到了一些主要原则,以确保在每个平台上能够正常工作,兼容所有的旧版浏览器并恰当地处理错误。您可在W3G’s HTML Design Principles网页1查阅创建HTML5的设计原则概述。

首先,HTML5包括了现有标记元素的重新定义以及可使网络设计人员在标记语义时更具表现力的新元素。在您可以使用articles、sections、headers和footers等元素时,为什么还要用div元素将您的网页弄的看起来很杂乱?

“HTML5”另外还用于特指许多其他的新技术及API。其中一些包括用< canvas >元素绘制、离线存储、新的< video >和< audio >元素、拖放功能、微数据和嵌入字体等。本书将涵盖许多诸如此类的新技术。

什么是API?

API表示应用程序编程接口。用理解图形用户界面(GUI)的思维方式去理解API—除了是用户接口,也是代码接口。API为您的程序提供一组“按钮”(预定义方法),通过单击,可以从系统、软件库或浏览器进行相关操作。

基于API的命令是将在后台完成(或有时由第三方软件完成)的更复杂的内容进行抽象处理的一种方式。一些与HTML5相关的API将在本书后面的章节中进行介绍和讨论。

总之,如果没有JavaScript或其他基于脚本的API相关经验,您也不必感到担心。尽管具有相关经验,肯定有益处,但这并不是必不可少的。

不管怎样,我们将循序渐进地带您浏览本书的脚本部分,以确保您能够完全掌握!
另外,应该注意在本书中,以前是HTML5一部分的一些技术,已经从本规范中分离开来,从技术角度讲,他们已不属于“HTML5”范畴。一些确定不再是HTML5一部分的技术,有时也被列在此类下。所以我们使用广泛的、包含一切的表达方式,比如“HTML5及相关技术”。Bruce Lawson甚至半开玩笑地建议使用NEWT(New Exciting Web Technologies,令人兴奋的新Web技术)2术语来表述。

当然,为了方便起见(并且避免引起争论),我们将这些技术统称为“HTML5”。

相关文章
|
1天前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
14 6
|
15天前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
|
11天前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
54 1
|
3月前
|
前端开发
2s 利用 HTML+css动画实现企业官网效果
2s 利用 HTML+css动画实现企业官网效果
HTML+CSS 实现通用的企业官网页面(记得收藏)
HTML+CSS 实现通用的企业官网页面(记得收藏)
|
1月前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML和CSS之旅
【9月更文挑战第32天】在这个数字化的时代,拥有一个个人博客不仅是展示自我的平台,也是技术交流的桥梁。本文将引导初学者理解并实现一个简单的个人博客网站的搭建,涵盖HTML的基础结构、CSS样式的美化技巧以及如何将两者结合来制作一个完整的网页。通过这篇文章,你将学会如何从零开始构建自己的网络空间,并在互联网世界留下你的足迹。
|
27天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
78 6
|
1月前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML与CSS之旅
【9月更文挑战第31天】在这个数字时代,拥有一个个人博客网站是展示自我、分享知识和连接世界的重要方式。本文将引导你通过简单的HTML和CSS知识,一步步构建起你的在线空间。无论你是编程新手还是希望通过实践加深理解,这篇文章都将是你的理想指南。我们将探索基本概念,实现页面布局,并点缀以个性化样式,最终将静态页面转变为动态交互式网站。准备好了吗?让我们开始吧!
|
2月前
|
前端开发 数据安全/隐私保护 容器
HTML+CSS 水滴登录页
该代码实现了一个创意的水滴登录页面,包含一个水滴形状的登录框与两个按钮(忘记密码和注册)。登录框包括用户名、密码输入框及登录按钮。页面设计独特,采用渐变色与动态效果,增强了交互性和视觉美感。以下为关键实现步骤: - 重置默认样式。 - 设置页面背景颜色和尺寸。 - 定义登录表单容器的布局、位置和尺寸。 - 设置登录表单内容样式,包括3D效果和过渡动画。 - 创建伪元素增强水滴效果。 - 设定输入框容器和输入框样式。 - 为提交按钮、忘记密码和注册按钮设定特定样式,并添加悬停效果。