一些总结概念

HTML、XML、XHTML 有什么区别

  • HTML:超文本标记语言,是语法较为松散的、不严格的Web语言;
  • XML:可扩展标记语言,主要用于存储数据和结构;
  • XHTML: 可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格;

怎样理解 HTML 语义化

  • 语义化HTML是一种编写HTML的方式
  • 选择合适的标签、使用合理的代码结构,便于开发者阅读,同时让浏览器的爬虫和机器很好地解析。

怎样理解内容与样式分离的原则

  • 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上,让 HTML 能体现页面结构或者内容。之后再去写样式。
  • 写 JS 的时候,尽量不要用 JS 去直接操作样式,而是通过给元素添加删除class来控制样式变化
  • HTML 内不允许出现属性样式,尽量不要出现行内样式

有哪些常见的meta标签

编码

<meta charset="utf-8 />

优先使用IE|chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

控制浏览器内核

<meta name="render" content="webkit|ie-comp|ie-stand" />

搜索关键字

<meta name="keywords" content="your tags" />

描述

<meta name="description" content="150 words" />

文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?

  • 文档声明的作用:声明指出阅读程序应该用什么规则集来解释文档中的标记
  • 严格模式和混杂模式指:
    --严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码
    --混杂模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码
  • <!doctype html> 的作用:Html5

浏览器乱码的原因是什么?如何解决

  • 原因:浏览器和文档的编码方式不一致;
  • 解决:改变文档编码方式或改变浏览器b编码方式

常见的浏览器有哪些,什么内核

列出常见的标签,并简单介绍这些标签用在什么场景

  • h1~h6:标题
  • p:段落文字
    -strong、em、span:加强(块元素)
  • a:链接
  • img:图片
  • div:语义为“一大块”,用于给页面划分区块,让结构更清晰
  • ul li:无序列表
  • ol li:有序列表
  • dl dt dd:标题+内容
  • table tr th td:表格
  • button:按钮
  • iframe:框架
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,253评论 19 139
  • 简介网络浏览器很可能是使用最广的软件。在这篇入门文章中,我将会介绍它们的幕后工作原理。我们会了解到,从您在地址栏输...
    wengjq阅读 2,118评论 2 15
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,239评论 0 8
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,862评论 1 92
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,613评论 0 25