理解HTML
HTML、XML、XHTML 有什么区别?
? ? ? ? ?相同点都是标记语言(Markup Language)
怎样理解 HTML 语义化
怎样理解内容与样式分离的原则
有哪些常见的meta标签
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
浏览器乱码的原因是什么?如何解决
常见的浏览器有哪些,什么内核
列出常见的标签,并简单介绍这些标签用在什么场景
- HTML (超文本标记语言,HyperText Markup Language,简称:HTML) ,语法较为松散的、不严格的Web语言
- XML 可扩展标记语言( Extensible Markup Language ,简称:XML) ,主要用于存储数据和结构,可扩展
- XHTML 可扩展标记语言(Extensible HyperText Markup Language,简称:XHTML),相较HTML语法更加严格,标签必须闭合,标签必须小写
? ? ? ? ?相同点都是标记语言(Markup Language)
怎样理解 HTML 语义化
- 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析
怎样理解内容与样式分离的原则
- HTML负责网页内容(结构)部分,样式则负责页面的 效果
- 内容与样式分离使得内容和样式各自只负责自己的部分,消除两者的耦合
- 更重要的是分离增强了机器的可读性,使得机器、网络爬虫能更好地理解页面内容
有哪些常见的meta标签
- <mata charset="utf-8">声明文档使用的字符编码
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> 声明文档兼容模式,指示IE以目前可用的最高模式显示内容
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
- width - viewport的宽度 height - viewport的高度
- initial-scale - 初始的缩放比例
- minimum-scale - 允许用户缩放到的最小比例
- maximum-scale - 允许用户缩放到的最大比例
- user-scalable - 用户是否可以手动缩放
- <meta name="keywords" content="your tags">声明搜索引擎的关键词
- <meta name="description" content="不超过850个字符">声明页面描述
- <meta name="author" content="name"> 声明页面作者
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- 文档声明必须是 HTML 文档的第一行,这样浏览器才能获知文档类型
- 严格模式:是指浏览器按照 W3C 标准解析代码
- 混杂模式:是指浏览器用自己的方式解析代码
- 页面添加 <!doctype html> 表示遵守W3C标准模式,解析并渲染页面
浏览器乱码的原因是什么?如何解决
- 一般保存编写的`xx.html` 文件时,文件编码默认格式不是 `uft8` ,HTML文件在浏览器展示时,不能识别文件使用什么编码格式,浏览器做了默认解码方式,导致编码和解码不匹配,产生乱码
- 解决方法:在保存文件时,在菜单栏选择`utf-8`格式保存,在html页面里的`head` 里面添加`<mata charset="utf-8">` 声明文档使用的字符编码
常见的浏览器有哪些,什么内核
- Internet Explorer Trident
- FireFox Gecko
- Opera Presto
- Safari&Chrome WebKit
列出常见的标签,并简单介绍这些标签用在什么场景
- `div` 一个大块,
- `ul` 无序列表
- `ol` 有序列表
- `h1-h6` `<h1>` 定义最大的标题,`<h6>` 定义最小的标题。
- `p` 标记是一个段落
- `span` 用来组合文档中的行内元素
- `form` HTML表单块
- `a` 定义超链接
- `img` 展示图片
0 个回复