HTML知识点

2017-03-14 本文已影响0人 Gia_Mo

HTML、XML、XHTML 有什么区别

HTML全名为超文本标记语言（Hyper Text Markup Language），是用于创建Web的标准的标记语言。使用HTML编码不规范，表现、结构混乱，不利于开发和维护。
XML全名为可扩展标记语言（Extensible Markup Language），它也是一种标记语言，不过它的标记是可以自定义的，通常用来传送及携带数据。
XHTML是根据HTML 4 和 XML 1.0重组而成。改进了HTML定义不规范，结构不严谨的缺点。它的语法更加严格，相对HTML的兼容性也不差。

怎样理解 HTML 语义化

HTML标签就带有一定的语义化成分。编写代码时明显区分，标题是标题，段落是段落。将内容结构化，使代码变得更加易读，易维护；同时机器和爬虫更加容易解析。

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

将一篇文档的内容及样式独立开来，一方面可以使机器更加容易理解其意图或者含义，另一方面可以降低后期维护的复杂度。

有哪些常见的meta标签

<meta charset='utf-8' /> 申明文件的编码
<meta name="renderer" content="webkit|ie-comp|ie-stand"> 浏览器内核控制
<meta name="keywords" content="your tags" /> 页面关键词
<meta name="description" content="150 words" />页面描述

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

文档声明的作用：告知浏览器页面使用的HTML版本
严格模式：浏览器根据规范去显示页面
混杂模式：浏览器按照自身的方式自由渲染页面
<!doctype html> ：告知浏览器使用的是HTML5规范

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

产生乱码的原因：一般是文档没有声明自身的编码，导致浏览器错误地使用了与文档不同的解码方式，从而导致内容无法正常显示。
解决方式：一定要清楚文件保存时的编码方式并在文件内声明。

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

常见浏览器	内核
IE浏览器（IE4以上）	Trident内核（IE内核）
Mozilla Firefox	Gecko
Google Chrome	前期webkit，如今blink
Safari	webkit
Opera	blink

常见的标签

h1-h6 标题标签
p 段落标签
a 链接标签
img 图片链接
div 块标签
ul 无序列表
ol 有序列表
li ul/ol的子标签
dl 展示有标题和内容的自定义表格
dt 标题子标签
button 按钮标签
strong 强调元素
span 标记一段行内元素
iframe 在当前页面嵌入一个页面
table 用于展示表格
tr 代表表格的一行
th 代表表格第一行的列内容
td 代表表格的一列