您的位置：首页 > Web前端 > HTML5

（HTML5）第一章

2017-03-29 11:42 232 查看

《HTML5秘籍》第一部分适合浏览器升级时参考

参考网址：

H5API :https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

书本案例：http://www.prosetech.com/html5-ed1/index.html

一、HTML5语法的变化

HTML5验证器可以保证遵循HTML5标准的这一部分；帮你抓住那些与HTML5标准不相符的标记。

·lang的作用指明网页中使用的自然语言。这个信息有时候对他人有用，比如搜索引擎可以通过它来筛选搜索结果，确保只向搜索者返回页面语言与他使用的语言相同的页面。

<html lang="en">

·rel标签这是w3c的标准 rel:
属性用于定义连接的文件和HTML文档之间的关系

·当在ie中要花大量时间测试包含js的页面，还应在<head>区块中包含一行特殊的注释，叫做web标志。

如下：

<meta charset="utf-8">
<!--saved from url=(0014)about:internet-->
<title></title>
......

告诉ie将页面视为从远程网站上下载下来的。否则，ie后切换到一种特殊的锁定模式，弹出一条安全警告，在你点了“允许阻止的内容”按钮之后才会执行js代码。但对于其他浏览器，无用。

·html5基础网页元素：

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>hello</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<p>hello</p>
<script src="script.js"></script>
</bo
4000
dy>
</html>

html5不区分大小写；允许省略关闭空元素的斜杠；可以只包含属性名，不包含属性值

空元素：不会嵌套内容的元素<img><br><hr>（创建水平线）

<input type="checkbox" checked>

·良好的html5风格

*标签全部小写 *为属性值加引号 *用上述html5基本网页元素

#js是唯一被浏览器广泛支持的HTML脚本编写语言
关于增加网页加载性能：

脚本要写在body的最后面；

几个js文件可以合并在一起加载；

不要把js写在外联样式的后面？？

#MIME 用来配置web服务器的

浏览器请求某个网页时，服务器会发送对应MIME类型的信息。浏览器接收到该MIME类型后就知道该如何处理后面的内容了。这样就不必根据文件的扩展名或其他信息去判断

二、新增、删除、改变了哪些元素

·HTML5不欢迎表现性元素，这是样式表干的事儿。

·了解完整的元素列表，包括哪些是新的，哪些改变了 http://w3c.github.io/html-reference/

·<wbr> 可以在某处断行，即在空间不够的情况下就换行。

<nobr> 阻止文本换行，已在html5中取消。若要实现相同想过,css里面的white-space:nowrap可以。

·http://caniuse.com/ 该网站可以帮我们列出某功能有哪些浏览器支持。

· http://gs.statcounter.com/ 该网站统计了浏览器在全世界的使用情况，包括具体地区和时间。

· Modernizr 检测功能支持的轻量工具https://modernizr.com/ 该网址下下载js文件，并放入需要检测的网页中。

总结：这部分主要是讲了HTML5的产生和一些变化。最后的一些工具也是很有用了，如果以后需要做项目的，这些工具必不可少，不过对于如今初级阶段的学习来说，简单了解一下即可。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航