html总结

html,xhtml,xml之间的区别？

html和xml都是标记语言：html是超文本标记语言；xml是可扩展置标语言。

• 不同点：
• 可扩展性：html不具备可扩展性，而xml是原标记语言可以用于定义新的标记语言。
• 侧重点：html侧重于如何表现信息，而XML是侧重于如何结构化的描述信息。
• 语法要求：html不要求标记的嵌套，配对等；而xml是严格要求嵌套，配对，遵循DTD树形结构。
• 可读性和维护性：html比xml难于阅读和维护。
• 数据和显示：html内容描述和显示整合唯一，xml是相分离的。
  至于xhtml就是类似于扮演着类似html角色的xml，xhtml语法更为严格。

怎样理解html的语义化？

给内容和代码添加语义化，便于开发者阅读与浏览器和机器更好的的解析。
原因：为了在没有css时更好的呈现出页面结构；用户体验；方便解析；便与开发和维护。

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

• 内容指的是文档中的主体部分，再加上语义化，结构化的标记。
• 样式是指内容的表现，比如字体的大小，背景颜色等所有改变内容外观的东西。
• 行为是对内容的交互及操作效果，就是我们非常熟悉的Javascript。
  所有html和xhtml的页面都是由‘结构，表现，行为’这三方面组成的，传统html的标签里既有控制结构的标签如title，h，p，又有控制样式的font的标签，结构标签与样式标签混杂在一起，这样就出现了内容混乱，难于批量修改等问题。
  结构与样式的分离理论上来讲你需要用一个html来保存内容与结构，用css文档来控制整个html的样式，用js文档来控制交互行为。这样做的好处：
• 由于结构清晰，数据的集成、更新和处理更加方便灵活
• 能够使页面载入的更快
• 保持视觉上的一致性，修改样式就可以轻松改版
• 更好的被搜索引擎收录

meta标签

meta标签位于头部，提供有关页面的源信息；

 //指定字符集
 //定义对页面的描述
  //定义页面的关键字
 //告诉搜索引擎你的站点的制作的作者
 //定时让网页在指定的时间n内跳转  

文档声明的作用?严格模式和混杂模式指什么? 的作用?

• Doctype声明是用来告诉浏览器该文件的类型，让浏览器知道该用哪个规范来进行解析。
• 严格模式为标准模式按照w3c标准解析代码；混杂模式又称兼容模式，指浏览器用自己的方式解析代码。
• 是指告诉浏览器解析规范采用的是HTML5这个版本。

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

1. html网页源代码编码和中文字输入编码不同
   解决办法：实用软件编辑html网页内容，尽量不要使用记事本。
2. 网页编码和数据库编码不同，进行查询数据转码。
3. 浏览器造成的乱码：在浏览器中找到转换编码的菜单；注意加入meta charset标签。

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

• 谷歌和safari内核为Webkit
• 火狐是Gecko内核
• IE内核是Trident
• opera内核早期为Presto，之后Chromium， 未来将转为Webkit分支的Blink。

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

• h标签：添加标题
• p标签：添加段落
• a标签：添加链接
• ul,ol标签：添加无序列表和有序列表
• button标签：添加按钮
• div标签：块级容器
• span标签：行内元素
• img标签：添加图片
• iframe：用于嵌入一个页面
• em strong标签：em表示强调；strong强调性更强。