开发工具

1、各种文本编辑器，EditPlus，sublime等

2、webstorm集成工具。

下载地址：http://www.jetbrains.com/webstorm/download/download_thanks.jsp?os=win

注册码：http://peter2009.iteye.com/blog/1975994 


文档类型

<!DOCTYPE> 声明帮助浏览器正确地显示网页。

Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。

HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。

常用的声明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

头

HTML头部元素

标签

描述

<head>

定义关于文档的信息。

<title>

定义文档标题。

<base>

定义页面上所有链接的默认地址或默认目标。

<link>

定义文档与外部资源之间的关系。

<meta>

定义关于 HTML 文档的元数据。

<script>

定义客户端脚本。

<style>

定义文档的样式信息。

 

 

学习参考网站：

http://www.w3school.com.cn/html/index.asp

http://www.w3cschool.cc/html/html-attributes.html

 

各个浏览器兼容性：

http://www.w3help.org/zh-cn/home/compatibility.html

成长之路：

http://www.cnblogs.com/Wenwang/archive/2011/12/16/2289869.html

 

<!DOCTYPE html>
<html lang=”zh-cn”>
<head>
<meta charset="gbk">
<title>Title of the document</title>
 
<link type="text/css" rel="stylesheet" href="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/style.css">
 
<script type="text/javascript" charset="utf-8" src="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/js/page_context.js"></script>
</head>
 
<body>
The content of the document......
</body>
 
</html>

 

 

XHTML

XHTML 是更严格更纯净的 HTML 代码。

最主要的不同：

·        XHTML 元素必须被正确地嵌套。

·        XHTML 元素必须被关闭。

·        标签名必须用小写字母。

·        XHTML 文档必须拥有根元素。

参考网站：

http://www.w3school.com.cn/xhtml/xhtml_intro.asp