前端开发的小问题（长期更新）
Posted enternallove
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端开发的小问题（长期更新）相关的知识，希望对你有一定的参考价值。
目录：
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：
- 内联元素
- 不换行
- 宽度随内容变化
- 无法设置width和height属性
- padding和margin只有水平方向有用，竖直方向无效
- 常见的inline元素：span，a，br，strong，lable，input，selecte，Textarea，img。
block：
- 是块级元素
- 会自动换行
- 默认宽度填满父元素，可以设置height，width，margin和padding
- 常见的block元素：div，p，form，table，h（1-6）
3.IDE是什么？它和文本编辑器相比有什么优缺点？
IDE是集成开发环境。包括了编辑器，编译器等。比如eclipse就是一款IDE。
文本编辑器用来编写程序的源代码。比如sublime就是一款编辑器。
优缺点：
IDE提供了大量的工具，不过正式因为如此，软件非常的笨重（消耗内存），大家觉得有些IDE打开时间非常慢。
文本编辑器，轻便，可以自定义插件，不过有时候需要的插件多，而且插件下载往往需要FQ不方便。
4.加和不加meta的viewport有什么区别？
viewport是浏览器的可视区域。通常viewport使用在移动端，因为移动端的往往比电脑端小，所以在移动端的时候，浏览器会出现横向的滚动条，这是用户体验所不想有的。
于是使用了meta的viewport可以消除滚动条，取而代之的采用平移和缩放的方式浏览网页的其他区域。（联系平时在手机上浏览网页即可）。
以上是关于前端开发的小问题（长期更新）的主要内容，如果未能解决你的问题，请参考以下文章