《HTML5与CSS3实战指南》——第2章 HTML5样式的标记2.1 The HTML5 Herald简介-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

《HTML5与CSS3实战指南》——第2章 HTML5样式的标记2.1 The HTML5 Herald简介

简介:

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

第2章 HTML5样式的标记

我们已经向您介绍了关于HTML5历史的一些基本知识,以及学习它的重要性。现在,我们将在您的项目中开始使用它。首先向您介绍我们将在本书中逐步创建的示例网站。

在简单介绍了我们将创建的示例网站之后,我们将讨论一些HTML5的基本语法知识,以及编码最佳实践的一些建议。我们将遵循浏览器兼容性及HTML5页面结构基本原理等一些重要原则。最后,我们向您介绍一些HTML5特有的元素,以及如何使它们适应布局。

现在开始吧!

2.1 The HTML5 Herald简介

我们首先从头开始创建一个示例网站项目。
这是一个老式的报纸风格的网站,名为The Html5 Herald。网站的主页包含一些以视频、图片、文章和广告形式呈现的媒体,而且在另一个页面上包含一个注册表。

我们来看一下源代码,如果愿意可以尝试一些功能。在我们学习本书时,我们将通过编写代码来制作网站。我们不可能涉及有关CSS的每一个细节,因为您可能已经熟悉了大部分内容:浮动布局、绝对和相对定位,以及基本字体样式等。我们将主要介绍HTML5的新增元素、API,以及所有用于为各种元素添加样式及互动的新CSS技术。

图2.1所示为已创建网站的外观示意。


0876eea4af27814e35ddb06c73a91ac09a974d8e

构建网站时,我们会详细解释HTML5的新增元素、API以及CSS3的新功能,同时,我们也将向您推荐一些最佳实践。当然,其中的一些新技术还在开发中,所以我们不可能武断地告诉您这些技术可以做什么,以及不可以做什么。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章