- 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 用于打开链接，发送邮件，段落跳转等功能。
网友评论