MDN学习笔记

------------------------------web入门学习开始--------------------------------------------------

1、为你的设计画出草图(可以使用原型设计工具xiaopiu     https://www.xiaopiu.com)

2、很多计算机,特别是 Web 服务器,是对大小写敏感的。所以为文件夹和文件命名时最好都保持一致(最好都是小写)

3、文件和文件夹命名时,中间最好不要留有空格,因为浏览器,Web服务器,还有编程语言不能一致处理空格。需要加空格的地方可以使用连接符‘-’来代替,也可以使用下划线‘_’,但是使用连接符会更好。谷歌搜索引擎把连字符当作一个词的分隔符, 但不会以这种方式处理下划线。

4、基于这些原因,至少在你知道自己在做什么之前,最好养成在文件夹和文件名中使用小写,并且使用短横线而不是空格来分隔的习惯。这样可以避免你在以后碰到一些问题。

5、vscode中新建css文件后,系统报错,内容:[Error - 9:48:02 AM] [object Object],百度搜索无果,不知道什么原因

6、将body的宽度设置为定值,并将其设为水平居中,可以得到一个居中的页面

7、如何利用chromeF12调试功能调试js代码? 在console控制台输入js代码(换行用shift+enter)然后按回车查看运行结果

8、获得标签属性的时候 .操作和getAttribute函数获取的值不一样,当获取图片的src属性值的时候.操作获取的是绝对路径(file:///C:/Users/liluyuan/Desktop/mdn/test-site/images/firefox.jpg),而getAttribute取得的是相对路径(images/firefox.jpg)

9、我们可以将网站提交到github上并可以预览网页,这是调试网页和交流网页的很好的手段

------------------------------web入门学习结束--------------------------------------------------

------------------------------HTML学习开始-----------------------------------------------------

1、HTML语言不区分大小写,不过从最佳实践来看,最好都使用小写

2、标签,使得被强调的标签,默认效果为倾斜

3、标签,意味着包含在内的文本非常重要,默认效果为加粗

4、一个以block形式展现的块级元素不会被嵌套进内联元素中,但可以嵌套在其它块级元素中。

5、空元素:没有结束标签的标签,用于标记此处插入一个东西(比如图像img标签)

6、元素的属性包括属性名和属性值,中间用空格隔开,属性值有的时候不用引号引起来也会正确显示,但是我们强烈建议所有的属性值都用引号包裹,这样可以避免许多问题。引号使用单引号和双引号根据自己的喜好来定,不过要配对,不要搞混了,如果在引号里面的内容中又出现了不同的引号(比如单引号里面出现双引号,或者双引号里面出现了单引号,可以直接书写,没问题),但是如果引号里面的内容中出现了相同的引号,必须使用实体引用(单引号是'双引号是")

7、根据目前我的经验,HTML元素的属性值最好使用双引号括起来,js代码中的字符串引用最好使用单引号括起来,而且自己编程的风格要尽量保持一致,不要经常更换,避免引起不必要的麻烦

-------------head中包含的内容-------------------

8、titile元素:title的作用:出现在页面的标题位置;收藏时作为默认推荐收藏标题;被搜索引擎搜索

9、meta元素:元数据就是描述数据的数据。

 ---:指定该网页的字符集是utf-8字符集。 utf-8 是一个通用的字符集,它包含了任何人类语言中的大部分的字符。 这意味着你的web页面可以显示任意的语言; 所以对于你的每一个页面,使用这个设置是很好的! 比如说,你的页面可以很好的处理韩语和日语。

 ---:指定该网页的作者信息

 ---:定义该网页的描述信息

 ---许多  特性已经不再使用. 例如, keyword  元素— 提供关键词给搜索引擎,根据不同的搜索词,查找到相关的网站 — 被搜索引擎忽略了, 因为作弊者填充了大量关键词到keyword, 错误地引导搜索结果。

 10、自定义图标(该图标显示在标题的左侧,以更加明显的标识网站)

 ---在index页面同目录下准备好图标

 ---然后利用link标签,语法如下:

11、引入层叠样式表(略)

12 、引入外部js文件:

 ----script标签放在哪里比较好?

  -----

你可能感兴趣的:(MDN学习笔记)