H5基础知识点

最新推荐文章于 2022-04-11 16:24:00 发布

冒泡的大鱼

最新推荐文章于 2022-04-11 16:24:00 发布

阅读量3k

点赞数 2

分类专栏： H5 文章标签： html5 css

本文链接：https://blog.csdn.net/y1314999/article/details/106921963

版权

H5 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

1、标题HbuildX常用的快捷键：

1. ctrl+/ 注释代码
2. ctrl+y 恢复撤销
3. ctrl+x 剪切
4. ctrl+p 在当前项目查找文件
5. ctrl+f 在当前文件查找字符串
6. ctrl+alt+f 在当前目录查找字符串
7. ctrl+k 格式化代码
8. ctrl+g 跳转到某行代码
9. ctrl+o 打开文件
10. 鼠标左键+ctrl选中多行(可进行多行修改操作)
11.div#a>ol>li*10 -》 按Tab键会生成 -》 
<div id="a">
			<ol>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ol>
</div>

2、H5文件命名的规范：

小写英文字母、数字、下划线组合
其中不能包含汉字、空格和特殊字符
必须以英文字母开头
语义化规范

3、常规标记与空标记的区别：

常规标记：有开始有结束;属性使用空格隔开例如：div、p
空标记：又开始没结束例如：hr、br

4、目录的相对位置表示：

     /：从根目录出发
    ./:从当前位置出发，和不写的效果是一样的
   ../：返回上一层

5、Img标签的属性介绍：

  title:当鼠标悬停在图片时显示的内容
  alt:浏览器当需要显示的图片找不到时显示的内容，进行优化

6、H5中常用的转义字符：

&nbsp;     不换行空格
&gt;       >右尖括号
&lt;       <左尖括号
&copy;     备案中图标版权 ©

7、表单标签

语法：<fieldset></fieldset>
  		说明：相当于一个方框，在字段集中可以包含文本和其他元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。disabled定义空间禁制可用；
2）字段级标题：
语法：<legend align="left/center/right/justify"></legend>
		说明：legend元素可以在fieldset对象绘制的方框内插入一个标题。legend元素必须是fieldset内的第一个元素。
3)提示信息标签：
语法：<label for="绑定控件id名"></label>
		说明：label元素用来定义标签，为页面上的其他元素指定提示信息。要将label元素绑定到其他的控件上，可以将label元素的for属性设置为与该控件的id属性值相同。

8、get请求与post请求的区别：

	1、从功能上讲，GET一般用来从服务器上获取资源，POST一般用来更新服务器上的资源；

	2、从REST服务角度上说，GET是幂等的，即读取同一个资源，总是得到相同的数据，而POST不是幂等的，因为每次请求对资源的改变并不是相同的；进一步地，GET不会改变服务器上的资源，而POST会对服务器资源进行改变；

	3、 从请求参数形式上看，GET请求的数据会附在URL之后，即将请求数据放置在HTTP报文的 请求头 中，以?分割URL和传输数据，参数之间以&相连。特别地，如果数据是英文字母/数字，原样发送；否则，会将其编码为 application/x-www-form-urlencoded MIME 字符串(如果是空格，转换为+，如果是中文/其他字符，则直接把字符串用BASE64加密，得出如：%E4%BD%A0%E5%A5%BD，其中％XX中的XX为该符号以16进制表示的ASCII)；而POST请求会把提交的数据则放置在是HTTP请求报文的 请求体 中。

	4、就安全性而言，POST的安全性要比GET的安全性高，因为GET请求提交的数据将明文出现在URL上，而且POST请求参数则被包装到请求体中，相对更安全。

	5、 从请求的大小看，GET请求的长度受限于浏览器或服务器对URL长度的限制，允许发送的数据量比较小，而POST请求则是没有大小限制的。

9、Link与import的区别：

差别1：老祖宗的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS。

差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式。

差别3：兼容性的差别。：@import是CSS2.1提出的，所以老的浏览器不支持，@import只在IE5以上的才能识别，而link标签无此问题。

差别4：使用dom控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.