web开发

充分使用HTML5特性进行搜索引擎优化(SEO)

随着越来越多的网站和应用采用HTML5方式编写,如何和海量信息中,快速地被搜索引擎检索到应用和网站设计者最愿意呈现的内容?HTML5的SEO方式和传统的网站SEO方式一样吗?当我的内容更改为HTML5方式时,是否会影响传统的已有的SEO成果?

本篇博客将和大家分享一下HTML5语义化的标注方式,如何有效使用这些语义化的标注来更好地向客户和搜索引擎展示你的内容。

我们先看下面一个网站,这是一个非常典型的HTML5网站的展示方式,这个网站的源代码可以在本文结尾处下载。

我们可以看到,一个HTML5网站包含的典型Tag有:

<Header>,展示文章的标题,是最重要的部分

HTML5应用开发:JavaScript语义模板库handlebars教程

前言

Web应用开发正在处于一个快速发展的时期,随着HTML5规范的落实和普及,相信会有越来越多的优秀的web应用呈现出来。JavaScript是web应用开发中是非常重要的语言,该语言有很多流行的库供大家使用。本期给大家介绍语义模板库Handlebars的使用方法。

本文示例代码已经全部上传GitHub:https://github.com/DaweiCheng/handlebarstutor 也欢迎大家积极贡献更多示例代码。

目录

1. Handlebars介绍

2. 安装和使用

3. 使用expressions

4. 使用helpers

5. partials

  • Développeurs
  • Développeurs Intel AppUp®
  • Windows*
  • HTML5
  • JavaScript*
  • web开发
  • Handlebars
  • JavaScript template
  • Processeurs Intel® Atom™
  • Mobilité
  • 移动Web应用程序开发 高性能JavaScript篇 (五) 算法和UI响应

    介绍

    本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。博文也分为三个大部分:

    1. 众望所归的HTML5将主要介绍HTML5的前世今生,主要功能和API以及相关Demo,Demo的代码都可以在文章附件中下载到;

    2. 高性能JavaScript将主要介绍如何让JavaScript更流畅,JavaScript debug和分析工具,可以说,没有JavaScript就不可能有互联网的今天,更不可能有移动互联网的明天,编写高性能的JavaScript至关重要;

    3. 变化万千的CSS3将主要介绍如今异常强大的CSS3,结合HTML5编写动态的Web应用。熟练使用异常Fashion & Cool & 炫的CSS3将使Web应用增色不少。

    移动Web应用程序开发 高性能JavaScript篇 (四) 数据访问和DOM编程

    介绍

    本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。博文也分为三个大部分:

    1. 众望所归的HTML5将主要介绍HTML5的前世今生,主要功能和API以及相关Demo,Demo的代码都可以在文章附件中下载到;

    2. 高性能JavaScript将主要介绍如何让JavaScript更流畅,JavaScript debug和分析工具,可以说,没有JavaScript就不可能有互联网的今天,更不可能有移动互联网的明天,编写高性能的JavaScript至关重要;

    3. 变化万千的CSS3将主要介绍如今异常强大的CSS3,结合HTML5编写动态的Web应用。熟练使用异常Fashion & Cool & 炫的CSS3将使Web应用增色不少。

    移动Web应用程序开发 高性能JavaScript篇 (三) JavaScript 加载解析和部署

    介绍 

    本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。博文也分为三个大部分:

    1. 众望所归的HTML5将主要介绍HTML5的前世今生,主要功能和API以及相关Demo,Demo的代码都可以在文章附件中下载到;

    2. 高性能JavaScript将主要介绍如何让JavaScript更流畅,JavaScript debug和分析工具,可以说,没有JavaScript就不可能有互联网的今天,更不可能有移动互联网的明天,编写高性能的JavaScript至关重要;

    3. 变化万千的CSS3将主要介绍如今异常强大的CSS3,结合HTML5编写动态的Web应用。熟练使用异常Fashion & Cool & 炫的CSS3将使Web应用增色不少。

    本篇是高性能JavaScript介绍的第三篇,将给大家结合实例例子及分析工具介绍在加载JavaScript代码时,如何编程可以让Web应用或者网页更加高效。

    相关文章 

    移动Web应用程序开发 高性能JavaScript篇(二) JavaScript 开发分析工具

    1. JavaScript 引擎介绍

    这里只介绍主流浏览器的JavaScript引擎。如下图所示:



    JS引擎一般作为共享库使用,应用程序调用引擎提供的API函数。引擎API函数大致分为以下几种:数据类型操作、RunTime控制、类与对象的创建和维护、函数与脚本执行、字符串操作、错误处理、安全控制、Debug支持。

    上图中测试使用的是Google V8 benchmark。可以看出Chrome V8引擎JavaScript执行各项指标最优。

    其中:每款浏览器JavaScript引擎发展历史:

    Mozilla

    移动Web应用程序开发 高性能JavaScript篇 (一) JavaScript性能瓶颈

    介绍

    本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。博文也分为三个大部分:

    1. 众望所归的HTML5将主要介绍HTML5的前世今生,主要功能和API以及相关Demo,Demo的代码都可以在文章附件中下载到;

    2. 高性能JavaScript将主要介绍如何让JavaScript更流畅,JavaScript debug和分析工具,可以说,没有JavaScript就不可能有互联网的今天,更不可能有移动互联网的明天,编写高性能的JavaScript至关重要;

    3. 变化万千的CSS3将主要介绍如今异常强大的CSS3,结合HTML5编写动态的Web应用。熟练使用异常Fashion & Cool & 炫的CSS3将使Web应用增色不少。

    本篇是高性能JavaScript介绍的第一篇,主要介绍JavaScript语言特性,为什么要编写高性能的JavaScript代码,以及对编写高性能JavaScript代码的开篇小结。

    移动Web应用程序开发HTML5篇 (九) Web Storage API

    介绍 

    本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。

    本篇是HTML5介绍的第九篇,主要介绍HTML5的网络存储接口(Web Storage API)。

    相关文章:

    移动Web应用程序开发HTML5篇 (八) Offline Web Applications

    介绍

    本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。

    本篇是HTML5介绍的第八篇,主要介绍HTML5的离线应用Offline Web Applications)。

    相关文章:

    移动Web应用程序开发HTML5篇 (五) 地理位置API

    介绍

    本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3。

    本篇是HTML5介绍的第五篇,主要介绍HTML5的地理位置API。

    相关文章:

    S’abonner à web开发