HTML5入门要点

时间:2024-10-17 23:06:32

要点

HTML5入门要点

  • 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入门