HTML+CSS
HTML和XHTML的区别
HTML是一种基本的web网页设计语言。
XHTML是一个基于XML的置标语言。
XHTML元素必须被正确的嵌套。
XHTML元素必须被关闭
HTML语义化的理解
用正确的标签做正确的事
HTML语义化让页面的内容结构化,结构更清晰,便于搜索引擎解析
DOCTYPE HTML作用?
文档类型(HTML5的类型):告知浏览器当前的文档按照HTML的类型进行编译执行。
(低版本不能识别高版本的语言)
页面导入样式时,使用link和@import有什么区别?
- link属于HTML标签,除了可以加载CSS外,还可以定义其它,
- @import是CSS提供的,只能加载CSS.
页面被加载时,link会被同时加载,@import引用的CSS会等页面被加载完后加载。 - link没有兼容问题
CSS的引入方式有哪些?
内联样式,内嵌样式,外联样式。
浏览器内核
主要分为两部分:渲染引擎和js引擎
渲染引擎:负责获取网页的内容,整理讯息,以及计算网页的显示方式,然后输出至显示器。
js引擎:解析和执行JavaScript来实现网页的动态效果。
iframe的作用
用于在网页中加入第三方网页
CSS盒模型
content,border,padding,margin
margin-top塌陷是如何产生的?以及解决方法有哪些?
一个元素中含有一个子元素,给子元素设置margin-top时,发现将设置的值添加给了父元素,导致子元素设置margin-top失效。
解决方法:
1)给父元素设置overflow:hidden
2)给父元素添加边框
3)伪元素
元素溢出的产生
元素溢出指一个元素中含有其它元素,二其它元素超出了这个元素(父元素)。
浮动元素不会撑开父元素的大小,那么如何解决父元素撑开的问题?(你有哪些方式)?
1)使用带有clear属性的空标签
在浮动元素后使用一个空标签,使用clear:both;
2)使用overflow属性
给浮动元素的容器添加overflow:hidden或overflow:auto;
3)给浮动元素的容器添加浮动
4)使用:after伪元素
5)使用双伪元素:before和:after
前端开发由哪三层构成?
结构层(HTML),表现层(CSS),行为层(JavaScript)
结构层:由HTML或XHTML之类的标记语言负责创建
表现层:由CSS负责创建,同来美化HTML结构,将结构与表现进行分离
行为层:提供用户和界面的交互
CSS的权重
!important>行内样式>id选择器>类选择器>标签选择器>通配符>继承
表单提交时:get和post提交方式的区别是什么?
post和get都是客户端用来提交数据的一种方式。
客户端将数据以报文的形式提交给服务器。
get 方法:【默认值】将数据附加在网址的后面进行传输
①以报文头的方式显示在URL地址栏中。
②所有出现文件名(URL)的地方都可以打开?进行get方式传值
③只能用来传输少量的数据
④在网址后面可以直接看到,不安全
post方法:不会附加在网址后面(隐形的传值)
①以报文体,报文内容的形式隐形的进行提交。
②post方式可以传大量数据(上传文件)
③隐形传输,非常安全
在新窗口打开链接的方法是?
target:_blank
JavaScript
什么是JavaScript?
是一种基于对象和事件驱动的客户端脚本语言,提供用户与界面的交互方式。
什么是window对象?什么是document对象?
window对象:指浏览器打开的窗口
document对象:Document对象(HTML文档对象)的一个只读引用,window对象的一个属性。
null,undefined的区别?
null表示一个对象是“没有值”的值,值为“空”,转为数值为0。
undefined表示一个变量声明了但没有初始化,转为数值为 NAN。
事件捕获和事件冒泡
事件捕获:
父级元素先触发,子集元素后触发;(由外到内)
事件冒泡:
子集元素先触发,父级元素后触;(由内到外)
子集元素和父元素具备同样的事件,当触发子元素时,也会触发父元素的事件
什么是脚本语言?什么是编译语言?
脚本语言:把程序解析一行执行一行,显示给用户
编译执行:将程序编译成CPU可识别的语言(机器码),然后统一执行展示给用户
JavaScript的三大组成
- JavaScript基础语法
- JavaScript的浏览器对象操作
- JavaScript的DOM操作
innerHTML和innerText的区别
innerHTML:设置或获取标签包含的HTML+文本信息(指的是从对象的起始位置到终止位置的全部内容,包括HTML标签)。
innerText :设置或获取标签所包含的文本信息(指的是从起始位置到终止位置的内容,但它去除Html标签)。
script程序嵌入body中和head中的区别?
在HTML body部分中的JavaScript会在页面加载的时候被执行。
在HTML head部分中的JavaScript会在被调用的时候才执行。
write()和writeln()之间的区别?
document.write()
将内容写入文档,当前编辑位置为写入的内容的后一个字符。
document.writeln()
将内容写入文档,并添加一个换行符,当前编辑位置为写入的内容的后一行的起始位置。
Write不可以换行,Writeln可以换行。
JavaScript中的数据类型分为两大类
基本数据类型(3种)
数字型(number)
字符串型(string)
布尔型( bool)
特殊数据类型(3种)
空值型(null)
未定义型(undefined)
对象型(object)