前端基础小知识

1.常用浏览器

IE浏览器、火狐浏览器、谷歌、Safari和Opera五大浏览器

2.浏览器内核

浏览器内核也被称为（渲染引擎）：

chrome 用的是Blink内核

3.web标准的构成

主要包括结构、表现和行为三个方面，是由W3C（万维网联盟）和其他标准化组织制定的一系列标准的集合。W3C是国际最著名的标准化组织。

4.标签语义及常用标签

HTML标签是由尖括号包围的关键词，通常是成对出现的，我们称为双标签。第一个标签是开始标签，第二个标签是结束标签。有一些特殊的标签必须是单个，称为单标签。

标签语义既标签的含义，合理的标签能  够让页面结构更加清晰

1) 标题标签-----<h1>~<h6>；单词head缩写，意味头部重要。和<div>一样，独占一行

2) 段落标签-----<p></p>；paragraph段落缩写

3) 换行标签-----<br /> 单词break的缩写，意味打断、换行。

4) 文本格式化标签

         <strong>加粗

         <em>倾斜

         <del>删除线

         <ins>下滑线

5) 无语义标签

      1.<div>就是一个大盒子，用来装内容，占一行

      2.<span>就是一个小盒子,用来装内容，多个小盒子可以挤在一行

div是division的缩写，表示分割、分区；span意为跨度、跨距。

6) 图像标签---<img>

  image的缩写，意为图像

<img src="URL" />

   src是 必须属性，指定图像文件和文件名。可以简单理解为属于这个图像标签的特性。

   alt可以替换文本， 图像显示不出来时候文字替换

   title 鼠标放到图片上，就能显示标题

   width 宽度 height 高度，一般只用修改一个，另一个会等比缩放

   border 图像边框粗细

注意：HTML中属性采取键值对的格式，key="value" 的格式  (和css中用冒号分隔不同）。

7) 超链接标签

     <a href="跳转目标“  target="目标窗口的弹出方式">文本或图像 </a>，anchor缩写，意味：锚，href是必须属性。

target => _self 为默认值；_blank 为在新窗口中打开方式

连接分类：

1.外部链接：例如<a href="http://www.baidu.com">百度</a>

2.内部链接：网站内部页面之间的相互链接，直接链接内部页面名称

3.空链接：< a href="#" >

4.下载链接：如果href地址链接的是   文件 .exe  或者是  zip  等压缩包形式，会下载这个文件。

例如：< a href = " img.zip ">下载文件< /a >

5.网页元素的链接：在网页中的各种元素，如图像、视频、文本等都可以添加超链接

例如：< a href="http://www.baidu.com">  <img src="img.jpg"/>  < /a>

6.锚点链接：点击链接，可以快速定位到页面中某个位置

在要链接的元素中，设置href="#名字“，<a href = "#one" > 简介 </a>，

然后：找到目标位置标签，里面添加一个  id=one 属性，如：< h1 id="one" >< /h3 >

5.目录文件夹和根目录

目录文件夹:     xx项目文件夹

根目录:    目录文件夹打开的第一层

6.路径

1.相对 (以相对图片路径) 

分三种情况:

图片和html为同级   <img src="1.gif" />

图片位于html下级  <img src="imgs/1.gif" />

图片位于html上级  <img src="../1.gif" />

2.绝对   

在每个人电脑位置，一般不考虑使用，而且斜杠是\,  和相对路径是相反的

最后小技巧：

Ctrl +/   能快速注释

&nbsp  表示空格符