HTML、XML、XHTML 的区别
HTML全名为超文本标记语言(Hyper Text Markup Language),是用于创建Web的标准的标记语言。
HTML编码不规范,表现、结构混乱。不利于开发和维护
XML全名为可扩展标记语言(Extensible Markup Language),它也是一种标记语言,不过它的标记是可以自定义的,通常用来传送及携带数据。
XHTML是根据HTML 4 和 XML 1.0重组而成。改进了HTML定义不规范,结构不严谨的缺点。它的语法更加严格,相对HTML的兼容性也不差。
HTML 语义化
语义化,简单说来就是让HTML标签变得更加容易理解,比如说我们导航栏可以用<div id="nav">,nav就是导航的意思,一目了然,当然也可以直接用<nav>标签,这里就举个例子。
内容和样式分离原则
直白地说,就是将CSS样式表单独引入,不在HTML中用style来表示。比如:
<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
有哪些常见的mata标签?
<meta charset="UTF-8">---------------------------------------------------最常见的标签,用途是将HTML中的汉字能够被网页所展示。
<meta name="renderer" content="webkit|ie-comp|ie-stand">--------------------用于控制浏览器内核。
<meta name="keywords" content="your tags" />-----------------------------控制页面的关键字。
<meta name="description" content="150 words" />--------------------------页面的描述。
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。
混杂模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码。
如何区分:浏览器解析时到底使用严格模式还是混杂模式,与网页中的 DTD 直接相关。
1、如果文档包含严格的 DOCTYPE ,那么它一般以严格模式呈现。(严格 DTD ——严格模式)
2、包含过渡 DTD 和 URI 的 DOCTYPE ,也以严格模式呈现,但有过渡 DTD 而没有 URI (统一资源标识符,就是声明最后的地址)会导致页面以混杂模式呈现。(有 URI 的过渡 DTD ——严格模式;没有 URI 的过渡 DTD ——混杂模式)
3、DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现。(DTD不存在或者格式不正确——混杂模式)
4、HTML5 没有 DTD ,因此也就没有严格模式与混杂模式的区别,HTML5 有相对宽松的语法,实现时,已经尽可能大的实现了向后兼容。( HTML5 没有严格和混杂之分)
意义:严格模式与混杂模式存在的意义与其来源密切相关,如果说只存在严格模式,那么许多旧网站必然受到影响,如果只存在混杂模式,那么会回到当时浏览器大战时的混乱,每个浏览器都有自己的解析模式。
浏览器乱码的原因是什么?如何解决
没有使用<meta charset="UTF-8">放在head标签里
常见的浏览器有哪些,什么内核?
1、Trident(IE内核):IE浏览器,很多国内浏览器,以及很多双核浏览器的其中“一核”都是Trident。
2、Gecko:FireFox浏览器等。
3、Webkit:Chrome浏览器,Safari浏览器等。
4、Chromium/Blink:Chromium fork 自开源引擎 WebKit,却把 WebKit 的代码梳理得可读性提高很多,Chrome浏览器就使用Chromium内核,搜狗、360、QQ浏览器等等双核浏览器的一核都是Chromium。2013年谷歌宣布 Chromium 项目中研发 Blink 渲染引擎,内置于 Chrome 浏览器之中。
Presto:Opera浏览器先前使用的内核,Opera 在 2013 年 2 月宣布放弃 Presto后使用 WebKit 分支的 Chromium 引擎作为自家浏览器核心引擎,在 Chrome 推出 Blink 引擎之后,Opera也转而使用Blink 作为浏览器核心引擎。
常见的HTML标签有哪些,并简单介绍这些标签用在什么场景?
<html>...</html>------------------------------------------- 将所有HTML内容都包含在这个标签内
<head>...</head>-------------------------------------- 用于定义文档的头部,它是所有头部元素的容器。
<title>...</title> ------------------------------------------文档的标题
<meta>...</meta> -----------------------------------提供有关页面的元信息
<body>...</body>----------------------------------- 文档的内容
.....
补充更多浏览如下网站:
http://www.w3school.com.cn/html/index.asp
网友评论