先说一些废话。大三上学期刚开学那会,有点闲,因为这一学期是在机房封闭式上课,前几周上三门课:管理信息系统,UML系统建模与分析设计,JAVA,后三周上JSP,MYSQL,软件测试LoadRunner。前几周的晚上没课,又没事干,然后就开始自学html,当时数学院的老乡给了我一摞ACCP6.0的书,有一本是《使用HTML语言和CSS开发商业站点》,然后我就开始了每天晚上边敲边看,因为所见即所得,当时就觉得挺有意思。那是也不知道有什么更好的IDE,就用的电脑里装的UltraEdit,也没用电脑里的Eclipse,觉得有点大材小用,哈哈,UE里敲html也没提示功能,然后慢慢的,我就能自己熟练的敲出来......现在想想,当时我真的是有点自虐吧,不过还是挺喜欢知识装进大脑里的感觉......后来这本书很快就被我消化完了,然后就开始下一本《使用JavaScript增加交互效果》,我喜欢动态的东西,就像大一我走火入魔的喜欢上做视频甚至想走上后期的道路~好了,说这么多,总之就是一句话,由于自己学了点HTML和CSS入门,这门网易的HTML课对于我而言,主要是温故而知新以及补充HTML5和CSS3的新知。
HTML文档包括文档声明、文档头部和文档主体。
一、文档声明
<!DOCTYPE>必须首行,定格,文档声明的作用就是告诉浏览器用什么标准来解析HTML文档。
-HTML4.01
·strict.dtd(严格类型)
·loose.dtd(松散类型,也称过渡类型Transitional)
·frameset.dtd (框架类型)
-HTML5
·<!DOCTYPE html>
二、文档头部
1.<title>标签
描述网页的标题,类似一篇文章的标题。
打开网页后,将在浏览器窗口的标题栏显示网页标题以及在搜索引擎的搜索结果中看到。
2.<meta>标签
使用该标签描述网页的具体摘要信息,包括文档内容类型、字符编码信息、搜索关键字、网站提供的功能和服务的详细描述等。<meta>标签描述的内容并不显示,其目的是方便浏览器解析或利于搜索引擎搜索。
-charset属性
表示字符集编码,一般设置为uft-8(在第一次开发项目的过程中,字符乱码的问题真的是很头疼)
注:字符声明要放在title的前面
-keywords(关键字)
表示搜索关键字,方便搜索引擎的搜素。
-description(描述)
表示网站内容的具体描述,方便搜索引擎的搜素。
-viewport (视窗)
对移动端的浏览器才有效果。设定移动端浏览器视口的宽高和缩放等。后续讲解。
3.<link>标签
- 通过下面这个方式添加网站的图标
<link rel="shortcut icon" href="favicon.ico">
默认情况下,不需要手动引入icon,因为浏览器会默认读取根目录下的图标进行展示,如果有些页面中的图标和整站的图标不同,则可以这样引入。
- 引入css样式
<link rel="stylesheet" type="text/css" href="../css/style.css">
<style type="text/css">这里写内部样式</style>
btw:文档头部的内容,除了title和icon,其他的都不会作为内容呈现给用户。