毫无疑问,HTML5是当今互联网领域的一大热点,受到了整个行业的强烈关注。HTML5开发浪潮汹汹来袭,它也正逐渐发展成为前、后端开发的编码标准。作为一名Web开发者,了解如何更好的创建HTML5网站非常重要。本文例举了一些HTML5编码最佳实践方式,希望对你有所帮助。
使用模板编译器
当你在创建网站时,通常情况下你会使用一个最基本的模板,你可以根据自身的需求进行自定义,而不是盲目的编写所有的HTML5代码,利用这些非常有用的在线HTML5模板编译器可以帮助你节省更多时间。
这个模板使用起来非常方便: 你只需根据选项填写最基本的需求信息,然后点击确定按钮,一个基本的HTML5模板即可供您使用。当然,这里还有许多款HTML5编译器,这里推荐非常棒的两款SwitchToHTML5和Shikiryu。此外,如果你想要预备一个备用模板,那么HTML5 Boilerplate是个不错的选择。
使用速查表
随着新特性的不断增加,也许你很难记住这些全部功能。那么最好的方法便是采用HTML5速查表。
你可以在这里下载速查表。
小心兼容性问题
HTML5是一项新技术,也许你已经在使用,但是你必须得留意浏览器是否兼容问题。
Can I Use.com绝对是个很棒的网站,你可以将它添加到书签列表里。这个网站包换所有的模板列表,你可以通过元素进行查询该浏览器是否支持。此外,Can I Use.com还有CSS3,SVG和Javascript方面的查询。
如何将HTML5嵌入到IE旧版本中?
IE一直是Web开发者和设计师的一大痛处,尽管IE新版本在不断改进中,但IE8以及最新版本能否支持HTML5我们尚未得知。
如今有个好消息,你可以利用一个小脚本在IE8中嵌入HTML5。使用这个脚本非常简单,你只需要将以下的代码复制到你的HTML5文档部分即可。
-
>
-
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">script>
-
>
另一个非常有用的工具便是Modernizr,这是一个完整的Javascript库能够帮助你在所有的浏览器中创建HTML5网站。
使用Modernizr非常简单,只需将指定页面的HTML5/CSS3属性(你打算使用的部分)将生成后的脚本下载下来,包括文档中的部分。Modernizr可以检测哪些功能可以在客户端浏览器中使用,并且可以添加标签。
如果浏览器支持,该功能会以类来命名添加到tag里;如果该浏览器不支持,那么该功能的命名前缀会显示“no-”。
使用正确的元素
在HTML5之前,我们在创建网站通常会使用很多
元素。这种技术最大的问题便是源代码难以阅读,这也是自HTML5推出新的tag标签后用以取代
的一大原因。这些新的tag标签包括页眉,页脚,标题,条目,段落,导航等等。
一个最基本的HTML5文档,如下所示:
-
>
-
<html lang="en">
-
<head>
-
<meta charset="utf-8">
-
<title>title>
-
head>
-
<body>
-
<header>
-
...
-
header>
-
-
<div role="main">
-
...
-
div>
-
-
<footer>
-
...
-
footer>
-
body>
-
html>
验证代码
当使用HTML5编码创建页面后,我们需要以最快、最有效的方式来验证代码语义的正确性。W3C validator能够帮助你验证HTML5页面并且它还会显示该页面的错误之处。这是一款非常不错的质量检测工具。
推荐阅读
-
本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ...
[详细]
蜡笔小新 2023-12-14 12:05:06
-
在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ...
[详细]
蜡笔小新 2023-12-14 10:57:47
-
-
本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ...
[详细]
蜡笔小新 2023-12-14 10:11:46
-
本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ...
[详细]
蜡笔小新 2023-12-14 10:06:19
-
本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ...
[详细]
蜡笔小新 2023-12-14 09:10:09
-
本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ...
[详细]
蜡笔小新 2023-12-13 20:01:16
-
1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ...
[详细]
蜡笔小新 2023-12-13 19:12:25
-
1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ...
[详细]
蜡笔小新 2023-12-13 18:03:01
-
本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ...
[详细]
蜡笔小新 2023-12-13 16:16:05
-
本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ...
[详细]
蜡笔小新 2023-12-13 15:50:17
-
本文详细介绍了动态规划算法的基本步骤,包括划分阶段、选择状态、决策和状态转移方程,并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中,在以后尽可能多地利用这些子问题的解,从而提高算法的效率。 ...
[详细]
蜡笔小新 2023-12-13 15:38:19
-
本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ...
[详细]
蜡笔小新 2023-12-13 13:58:25
-
本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ...
[详细]
蜡笔小新 2023-12-13 13:24:33
-
本文介绍了指针的概念以及在函数调用时使用指针作为参数的情况。指针存放的是变量的地址,通过指针可以修改指针所指的变量的值。然而,如果想要修改指针的指向,就需要使用指针的引用。文章还通过一个简单的示例代码解释了指针的引用的使用方法,并思考了在修改指针的指向后,取指针的输出结果。 ...
[详细]
蜡笔小新 2023-12-13 12:54:29
-
在project.properties添加#Projecttarget.targetandroid-19android.library.reference.1..Sliding ...
[详细]
蜡笔小新 2023-12-13 12:08:09
-
dancejust25679
这个家伙很懒,什么也没留下!