首页 > 代码库 > 前端开发的小问题（长期更新）

前端开发的小问题（长期更新）

2024-09-19 18:59:57   209人阅读

目录：

1.HTML文件里开头的Doctype有什么作用

2.常见的inline元素、block元素、inline-block元素有哪些？它们之间有什么区别

 
1.HTML文件里开头的Doctype有什么作用

答：<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

每个版本的申明方式是不同的，其中HTML5的申明方式是：

1 <!DOCTYPE html>
 
2.常见的inline元素、block元素、inline-block元素有哪些？它们之间有什么区别

inline：

  1. 内联元素
  2. 不换行
  3. 宽度随内容变化
  4. 无法设置width和height属性
  5. padding和margin只有水平方向有用，竖直方向无效
  6. 常见的inline元素：span，a，br，strong，lable，input，selecte，Textarea，img。

block：

  1. 是块级元素
  2. 会自动换行
  3. 默认宽度填满父元素，可以设置height，width，margin和padding
  4. 常见的block元素：div，p，form，table，h（1-6）
 
3.IDE是什么？它和文本编辑器相比有什么优缺点？

IDE是集成开发环境。包括了编辑器，编译器等。比如eclipse就是一款IDE。

文本编辑器用来编写程序的源代码。比如sublime就是一款编辑器。

 

优缺点：

　　IDE提供了大量的工具，不过正式因为如此，软件非常的笨重（消耗内存），大家觉得有些IDE打开时间非常慢。

　　文本编辑器，轻便，可以自定义插件，不过有时候需要的插件多，而且插件下载往往需要FQ不方便。

 

4.加和不加meta的viewport有什么区别？

viewport是浏览器的可视区域。通常viewport使用在移动端，因为移动端的往往比电脑端小，所以在移动端的时候，浏览器会出现横向的滚动条，这是用户体验所不想有的。

于是使用了meta的viewport可以消除滚动条，取而代之的采用平移和缩放的方式浏览网页的其他区域。（联系平时在手机上浏览网页即可）。

前端开发的小问题（长期更新）


联系
我们