html,xhtml,xml之间的区别?
<p>html和xml都是标记语言:html是超文本标记语言;xml是可扩展置标语言。 </p>
- 不同点:
- 可扩展性: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标签位于头部,提供有关页面的源信息;
<meta http-equiv="Content-Type" content="text/html";charset=utf-8"> //指定字符集
<meta name='description' content='描述的内容' /> //定义对页面的描述
<meta name='keywords' content='关键字' /> //定义页面的关键字
<meta name="author" content="你的姓名"> //告诉搜索引擎你的站点的制作的作者
<meta http-equiv="refresh" content="n;url="> //定时让网页在指定的时间n内跳转
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- Doctype声明是用来告诉浏览器该文件的类型,让浏览器知道该用哪个规范来进行解析。
- 严格模式为标准模式按照w3c标准解析代码;混杂模式又称兼容模式,指浏览器用自己的方式解析代码。
- <!Doctype html>是指告诉浏览器解析规范采用的是HTML5这个版本。
浏览器乱码的原因是什么?如何解决
- html网页源代码编码和中文字输入编码不同
解决办法:实用软件编辑html网页内容,尽量不要使用记事本。 - 网页编码和数据库编码不同,进行查询数据转码。
- 浏览器造成的乱码:在浏览器中找到转换编码的菜单;注意加入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强调性更强。