- HTML、XML、XHTML 有什么区别
- 怎样理解 HTML 语义化
- 怎样理解内容与样式分离的原则
- 有哪些常见的meta标签
- 文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- 浏览器乱码的原因是什么?如何解决
- 常见的浏览器有哪些,什么内核
- 列出常见的标签,并简单介绍这些标签用在什么场景
HTML、XML、XHTML 有什么区别
- html(hyper text markup language)超文本标记语言,语法松散,不严格的web语言
- xml(extensible markup language)可拓展标记语言,主要用于储存数据和结构参考
- xhtml(extensible hyper text markup language)可拓展超文本标记语言,基于xml,作用与html类似,但语法更严格
怎样理解 HTML 语义化
语义化html是编写html的方式。选择合适的标签,使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好的解析。
怎样理解内容与样式分离的原则
都是为了减少html,css,js之间的耦合关系
- 写html的时候先不管样式,重点放在html的结构和语义化上,让html能体现页面结构或者内容。之后再去写样式。
- 写 JS 的时候,尽量不要用 JS 去直接操作样式,而是通过给元素添加删除class来控制样式变化。
- HTML 内不允许出现属性样式,尽量不要出现行内样式
有哪些常见的meta标签
- <meta http-equiv="keywords" content="关键字1,关键字2,...">
关键字,搜所引擎 SEO - <meta http-equiv="description" content="网页描述">
页面描述 - <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
如果安装了GCF,则使用GCF来渲染页面,如果没有安装GCF,则使用最高版本的IE内核进行渲染。 - <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /">
初始化设备,主要功能是让移动端样式现实更合适 - <meta charset="utf-8">
设置字体编码 - <html lang="">
设置语言
文档声明的作用?严格模式和混杂模式指什么? 的作用?
<!DOCTYPE>这个不是html标签,是文档声明。用于提前告诉browser一些信息,即我的html按照哪个版本的标准编写的~
严格模式是指按照浏览器所支持的最高版本来实现效果;
混杂模式则想法,竟可能向后兼容,使用老版本浏览器的显示模式。说的透明点就是可以实现IE5.5及以下版本的浏览器的渲染模式。
浏览器乱码的原因是什么?如何解决
造成html网页乱码原因主要是html源代码内内容与html编码不兼容。
1、比如网页源代码是gbk的编码,而内容中的中文字是utf-8编码的,这样浏览器打开即会出现html乱码。反之网页是编码utf-8,内容是gbk也会出现乱码。
2、浏览器不能自动检测网页编码,造成网页乱码。
解决办法:
1.对于第一种,在head中增加<meta charset=utf-8"/>将编码转换为UTF-8编码即可
2.对于第二种,在浏览器中需要转码的网页空白出右键鼠标,即可选择“编码”,将编码转换为与页面兼容的即可。
常见的浏览器有哪些,什么内核
Chrome, Opera : Blink
IE : Trident
Safari : Webkit
Firefox : Gecko
Edge : EdgeHTML
列出常见的标签,并简单介绍这些标签用在什么场景
html, body, head 用于html文件,表示文件的头部与内容部分
div 用于组合其他HTML元素,本身无实在意义,常用于页面的布局
span 用于行内内容的格式化
h1~h6 用于标题内容
p 用于段落内容
strong, em 用于强调内容
ul, li, ol, dl, dt, dd 用于带有列表内容的,比如导航栏的下拉菜单,多视频的缩略图
form, input, select, textarea 用于涉及到表单的内容
table 用于涉及到表格的内容
img 用于插入图片
a 用于打开链接,发送邮件,段落跳转等功能。