zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

html5css3 指南 实战 The 简介 样式 2.1
2023-09-11 14:17:46 时间

本节书摘来自异步社区《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的新功能,同时,我们也将向您推荐一些最佳实践。当然,其中的一些新技术还在开发中,所以我们不可能武断地告诉您这些技术可以做什么,以及不可以做什么。


HTML DOM(一)——简介,元素,表单 通过这个对象模型,JavaScript 获得创建动态 HTML 的所有力量 JavaScript 能改变页面中的所有 HTML 元素 JavaScript 能改变页面中的所有 HTML 属性 JavaScript 能改变页面中的所有 CSS 样式 JavaScript 能删除已有的 HTML 元素和属性 JavaScript 能添加新的 HTML 元素和属性 JavaScript 能对页面中所有已有的 HTML 事件作出反应 JavaScript 能在页面中创建新的 HTML 事件
HTML5 简介 HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 简单易学。
《HTML 5+CSS 3入门经典》——1.3 HTML 5的语法变化和标记方法 本节书摘来自华章计算机《HTML 5+CSS 3入门经典》一书中的第1章,第1.3节,作者:管媛辉 潘凯华著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。