前端学习笔记2017.6.12 HTML的结构以及xhtml、html、xml的区别

【前端学习笔记2017.6.12 HTML的结构以及xhtml、html、xml的区别】的更多相关文章

前端学习笔记2017.6.12 HTML的结构以及xhtml、html、xml的区别

HTML的结构一个HTML文档可分为几个部分,如下图所示: DOCTYPE部分.head部分和body部分 DOCTYPE部分,这个很重要,可以理解为不同的DOCTYPE意味着不同的html标准,因为语法不一样了,如果你不指定DOCTYPE的类型,那么浏览器就会去猜,如果猜错了最后遭殃的就是我们自己.HTML4里面有三种DOCTYPE,分别是Strict.Transitional.Frameset,具体可以看“常用的DOCTYPE类型”,而HTML5的DOCTYPE只有一种,就是<!DOCTY…

前端学习笔记2017.6.12 CSS控制DIV

前一篇文章中用div布局了豆瓣东西的页面,如果用html代码表示的话大概是这个样子的 <!DOCTYPE html><html><head></head> <body> <div> <div></div> <div></div></div> <…

前端学习笔记2017.6.12 DIV布局网页

DIV的功能就是把网页划分成逻辑块的. 看下豆瓣东西页面的布局,我们来分析下. 按照先从上到下的原则,把这个页面分成几个块: 首先是最顶端的这个条,这是一个DIV,我们给它起个名字,叫banner 然后是“一起聊聊那些”的那个广告条,这是一个DIV,给它起个名字,叫ad 再然后是中间的各种电商物品分类的一块,这是一个DIV,给它起个名字,叫hierarchy 最后是比较具体的某个物品的DIV,给它起个名字,叫goods 如果我们用html代码表示这几个部分的话就是这样的, <div></…

前端学习笔记2017.6.21-html和浏览器的关系以及开发工具

html文档是一种文件格式, 浏览器可以识别这种文件格式,并能把html文档里面的内容解析出来. 用更贴近程序员的话说就是:html相当于c语言,浏览器相当于c编译器. 开发工具用sublime text就可以啦. 注意:用sublime text 创建一个文件并保存为*.html,这样sublime才知道你要编辑的是一个html文档,才会有针对html的自动提示功能,如果直接创建的一个文件包保存到的话没有自动提示功能的.…

前端学习笔记2017.6.21-html是个什么东西

html有两种意思,html语言和html格式 html语言是一种面向人类的计算机语言,这是啥意思?人类用html这种语言描述出一个网页的样子,浏览器解析这个语言并展示出来. html格式是一种文件格式,里面存储的是用html语言书写的语句,浏览器就认这种文件格式. html和htm有啥区别? html是一种文件格式,htm也是一种文件格式,对于操作系统而言这是一种格式,因为文件的结构相同,但html和htm作为扩展名而言,这是两种扩展名.为什么会出现htm这种扩展名?这是因为在DOS时代有一种…

前端学习笔记2017.6.21-引入JS文件的方法

通过网络引入JS文件 <script src="https://www.xxx.com/aaa.js"></script> 如果是引入本地JS文件 <script src="./aaa.js"></script> 其中./表示html所在的当前目录…

大前端学习笔记整理【七】HTTP协议以及http与https的区别

前言还是老样子,新博客开始前总是想先啰嗦几句...HTTP协议其实在当初学习java时老师就有提过...但是...反正就那么过去了... 这段时间公司的项目正好要求做https的转换和迁移,然后自己思考了一下,好像自己对于http连一知半解都算不上...更不提http与https的区别...想想作为一个未来的大前端工程师,岂能不去研究这些东西? 好吧,废话就到这里...正文开始什么是HTTP? 以下来自度娘最为专业的解释: 超文本传输协议(HTTP,HyperText Transfer Pr…

【前端】Web前端学习笔记【1】

... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. (2)break 语句 (不带标签引用),只能用在循环或 switch 中. (通过标签引用),break 语句可用于跳出任何 JavaScript 代码块: =======================================================================…

【前端】Web前端学习笔记【2】

[2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景在全局函数调用中,this 绑定全局对象,浏览器环境全局对象为 window . 作为对象方法使用,this 绑定到该对象. 在对象a的方法b内部的函数c中,this 也绑定全局对象,应该绑定到方法b对应的对象a上.这是 JavaScript的缺陷,解决方法:用that捕捉. 在构造函数中,this 绑定到新创建的对象. 使用apply或call调用函…

Web前端学习笔记(001)

....编号 ........类别 ............条目 ................明细....................时间一.Web前端学习笔记 2016年6月15日10:38:53 /****************************************************************begin******************************…