HTML知识点
1.HTML、XML、XHTML 有什么区别
HTML,超文本标记语言,是语法较为松散的、不严格的Web语言;
XML,可扩展标记语言,主要用于存储数据和结构参考;
XHTML,可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格参考。
2.怎样理解 HTML 语义化
语义化HTML是一种编写HTML的方式
选择合适的标签、使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好地解析。
3.怎么样理解内容和样式分离的原则
写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上,让 HTML 能体现页面结构或者内容。之后再去写样式。
写 JS 的时候,尽量不要用 JS 去直接操作样式,而是通过给元素添加删除class来控制样式变化
HTML 内不允许出现属性样式,尽量不要出现行内样式
4.有哪些常见的meta标签
meta常用属性
提供HTML文档的元数据, 常用于告知浏览器如何显示内容和搜索引擎优化
申明编码:
<meta charset='utf-8' />
优先使用 IE 最新版本和 Chrome:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
浏览器内核控制:
<meta name="renderer" content="webkit|ie-comp|ie-stand">
禁止浏览器从本地计算机的缓存中访问页面内容:
<meta http-equiv="pragma" content="no-cache">
5.文档声明的作用?严格模式和混杂模式指什么?<!doctype html>的作用?
文档声明是为了告诉浏览器,你的 HTML 文档是用的什么版本的 HTML 来写的,这样浏览器才能按照你声明的版本来正确的解析你的 HTML 文档。
严格模式(推荐)现在也称为标准模式,在该模式下,浏览器会严格按照 HTML 和 CSS 标准来解析、渲染你的文档。
混杂模式(不推荐)的由来是一个历史问题。在互联网早期,网页一般写成两个版本:一个写给网景公司的 Navigator浏览器,一个写给微软公司的IE浏览器。当W3C制定了 Web 标准后,这两个浏览器不能马上开始按标准来解析渲染页面,因为这样会破坏当时大部分页面的显示效果。所以各浏览器就引入了混杂模式,在该模式下,浏览器会模拟Navigator 4和IE5的非标准行为来解析渲染页面,这样做就是为了兼容在W3C标准出现之前就存在的那些“不标准”的页面。
<!doctype html>的作用就是让浏览器进入标准模式,使用最新的 HTML5标准来解析渲染页面;如果不写,浏览器就会进入混杂模式,而这是我们要避免的。
6.浏览器乱码的原因是什么?如何解决
乱码产生的根源是你保存的编码格式和浏览器解析时的解码格式不匹配导致的。一般是英文意外的字符才会出现。
解决:首页,在文件保存的时候你自己要清楚是用哪种编码方式保存的。如果你的文件是保存为utf-8格式,那么一定要在html 的<head>里添加<meta charset="utf-8">,这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了,直接用utf-8去解码。 同理,如果你的文件保存为gbk格式,一定在文件里添加
7.常见的浏览器有哪些,什么内核
浏览器
chrome浏览器、火狐浏览器(Mozilla Firefox)、IE浏览器、360极速浏览器、搜狗浏览器、猎豹极轻浏览器等。
内核
Trident(IE内核);
Gecko(Firefox内核);
Presto(Opera前内核) (已废弃);
Webkit(Safari内核,Chrome内核原型,开源)。
8.列出常见的标签,并简单介绍这些标签用在什么场景
h1-h6 标题标签
p 段落标签
a 链接标签
href="#about" 跳转到id为about的位置
href="/test" 跳转到完整域名+test
img 图片链接
alt 图片无法展示时,显示内容,便于视力障碍人士使用
div 块标签
ul 无序列表
li ul的子标签,ul下的直接元素必须是li
ol 有序列表
li ol的子元素
dl 展示有标题和内容的自定义表格
dt 标题子标签
dl
button 按钮标签
strong 强调元素
em 中层强调元素
span 标记一段行内元素
iframe 在当前页面嵌入一个页面
table 用于展示表格,不要用来做布局
thead、tbody、tfoot 一般不用写
tr 代表表格的一行
th 代表表格第一行的列内容
td 代表表格的一列