HTML5入门要点

要点

Head First HTML5 Programming

  • HTML5是HTML的最新版本。通过引入心的标签、新的语义和媒体元素,同时要依赖一组支持Web应用的JavaScript库

  • XHTML不再是Web页面开发标准。开发人员和W3C组织觉决定还是继续扩展和改进HTML。

  • HTML5 doctype在老的浏览器中也能较好的支持。老的浏览器看到doctype时会使用标准模式呈现网页。

  • scriptcss的样式表中链接不再需要type属性。

html5书写javascript

<script src="headfirst.js"></script>

html5中书写css样式

<link rel="stylesheet" href="headfirst.css">
  • utf-8是Web中标准字符集,不应该出现类似gb2312这种字符编码

  • HTML5许多新特性需要JavaScript的支持。JavaScript可以和HTML5中的DOM进行交互。

  • 可以检测一个浏览器是否支持html5某个特定的属性,如果不支持需要优雅降级

一个标准的html5页面

<!DOCTYPE html>
<html> 
<head>
	<title>Head First Lounge</title>
	<meta charset="UTF-8">
    <link rel="stylesheet" href="headfirst.css">
</head> 
<body>
	<h1>Welcome to Head First Lounge</h1>
	<p>
		<img src="drinks.gif" alt="Drinks"> 
	</p>
	<p>
Join us any evening for refreshing <a href="elixirs.html">elixirs</a>, 
conversation and maybe a game or two of Tap Tap Revolution. 
Wireless access is always provided; BYOWS (Bring Your Own Web Server).
	</p> 
    <script src="headfirst.js"></script>
</body>
</html>

参考链接

Head First HTML5 Programming

Coursera-HTML5入门

posted @ 2017-07-06 21:50  快乐八哥  阅读(411)  评论(0编辑  收藏  举报