1、HTML、XML、XHTML 有什么区别
HTML 超文本标记语言,是语法较为松散的、不严格的Web语言
XHL 可扩展的标记语言，主要用于存储数据和结构
XHTML 可扩展的超文本标记语言，基于XML与HTML类似，但语法更为严格
2、怎样理解 HTML 语义化
选择合适的标签、使用合理的代码结构.便于开发者阅读，同时让浏览器的爬虫和机器很好地解析
3、怎样理解内容与样式分离的原则
-
实现：
- 写HTML的时候先不管样式，重点放在HTML的结构和语义化上，让HTML能体现页面结构或者内容。之后再去写样式。
- 写JS的时候，尽量不要写JS去直接操作样式，而是通过给元素添加删除class来控制样式变化
- HTML内不允许出现属性样式，尽量不要出现行内样式
-
内容与样式分离的好处：
- 浏览器加载网页页面速度变快,大部分页面代码写在了CSS当中，页面体积容量变的更小
- 网页修改设计时，效率，省时。根据html标签内ID或者class的标记，到CSS里找到相应的ID或者class ，可以快速替换指定位置的样式，不会破坏页面架构和其他部分的样式典型的应用就是网页换肤，使用相同的html结构，不同的css样式。
- 更好地被搜索引擎收录，基于内容与样式分离的原则，html的语义化，就是首要考虑的网页中语义化的标签代码就会更加适合搜索引擎
- css样式的分离，它可以根据不同的浏览器，达到显示效果的统一。保证页面架构不变形的前提下，放心在不同浏览器渲染显示样式。
4、有哪些常见的meta标签
- <meta charset="utf-8"> 此页面的编码格式
- <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" 针对双内核
- <meta name="viewport" content="width=device-width, user-scalable=no,
initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
让它在移动上展示比较合理 - <meta name="keywords" content="前端 饥人谷">
- <meta name="description" content="最有爱前端学习社区"
对搜索引擎优化，会有好处
5、文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用? - 文档声明的作用： DOCTYPE 介绍的HTML 将被使用在你的页面。浏览器也使用DOCTYPE去决定怎样渲染页面。如果不文档声明的话，或者用错误的文档声明，可能会用奇怪的模式去渲染，IE 浏览器和 火狐浏览器的渲染模式完全不同的。如果不用标准模式的话，这将使得你的页面正常起作用更加的困难。
- 严格模式： 就是 就是加 文档声明
- 混杂模式 ：不加文档声明，浏览器就会用宽松的方式渲染，自己的方式渲染。
- <!doctype html>的作用：告诉浏览器用html5的方式 去解析渲染当前的页面
6、浏览器乱码的原因是什么？如何解决 - 乱码产生的根源是你保存的编码格式和浏览器解析时的解码格式不匹配导致的。一般是英文意外的字符才会出现。
- 解决：首页，在文件保存的时候你自己要清楚是用哪种编码方式保存的。如果你的文件是保存为utf-8格式，那么一定要在html 的
<head>里添加<meta charset="utf-8">，这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了，直接用utf-8去解码。 同理，如果你的文件保存为gbk格式，一定在文件里添加`<meta charset="gbk">
7、常见的浏览器有哪些，什么内核? - IE 以Trident作为内核
- Firefox 以Gecko作为内核
- Apple的Safari Google Chrome,遨游3,猎豹浏览器，百度浏览器，以 WebKit作为内核
- opera 采用Google的新开发的blink引擎
- 搜狗浏览器是双核的 webkit 和IE内核
8、列出常见的标签，并简单介绍这些标签用在什么场景
(1) h1~h6 网站标题最大的就用h1 依次递减
(2)p 包裹一段文字
(3)a 链接到一个地址
(4) img 展示图片
(5) div 给页面划分区块，结构清晰
(6)ul li 无序列表
(7)ol li 有序列表，用于表示带步骤或者编号的并列的ol
的直接子元素只能是li可以嵌套
(8)button 按钮
(9)span 是用于在块级元素里，针对某些元素，我们需要定义样式。可以加标签
(10)iframe 复用块 比如图表 想要某图表只要将图表的链接写进iframe
需要值得注意的是 如果iframe里的链接的域作用名和当前页面的链接的域名不一样，那么js是不能够操作iframe的，，也就是说仅仅是起到了展示的作用。
(11)table 用来展示表格，不用来做布局
网友评论