1 了解
.html
.htm 因为有些系统无法识别4位后缀
,shtml 可以使用SSI功能(但不太明白这个功能是做什么的,看了解释也不太懂,可以理解成优先读取/加载?)
2 开发环境
浏览器推荐Chrome和Firefox,因为跟W3C兼容性更好。
4个写代码小工具:sublime text 3,比vs小很多;Firefox,已安装;Firebug,火狐调试插件,但是一般浏览器都有页面源码,没发现差别;程序编写字体Yahei.Consolas.Hybrid,并不知道特殊在哪。
说好的tab键自动补全,结果我安装的sublime不可以,百度说把右下角的plain text改成html,可是我的默认就是html,依然失灵…
3 组成结构
<doctype …> '定义文档的标准:strict(严格的) transitional(兼容的),告诉浏览器该如何翻译代码,DTD声明很重要,很可能影响显示,但是标准代码里面都是<!doctype …>感叹号的差别是?
<html>
<head>
</head>
<body>
</body>
</html>
html发展史
xhtml和html的差别:x更严格
HTML5:“你可以将任何已有的网页的第一行改成<!DOCTYPE html>,它就成也一个HTML5页面,并且可以照样在浏览器里正常的展示。”
doctype种类:
“在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种”(http://www.w3school.com.cn/tags/tag_doctype.asp)
常用的 DOCTYPE 声明
HTML 5
<!DOCTYPE html>
HTML 4.01 Strict
该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
该 DTD 等同于 XHTML 1.0 Transitional,但允许框架集内容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
该 DTD 等同于 XHTML 1.0 Strict,但允许添加模型(例如提供对东亚语系的 ruby 支持)。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">