HTML、XML、XHTML 有什么区别
从最直观的字面上看，这三位老哥都带有ML（略邪恶啊），其实并不是想象中的那样，其中的ML代表的是（Markup Language）标记语言的意思。
-HTML，是一种用于创建网页的标准标记语言，语法要求不严格，就算出现一些语法错误，如<p>xxx而没有加入</p>使标签闭合，浏览器依旧能识别。
XML，是一种用来储存、传输数据的可扩展标记语言，标签没有功能以及预定义，需要自定义标签
XHTML，表现方式与 HTML 类似，但语法上更为严格（如标签必须小写，标签必须闭合），相当于HTML和XML的结合体。
怎样理解 HTML 语义化
- 根据实际内容选择合适的标签，便于浏览器解析。
- 爬虫依赖于标签来确定上下文和各个关键字的权重，能更好的使爬虫抓取有效的信息、
- 语义化更具有可读性，便于开发和维护。
- 方便其他设备解析，如移动设备，盲人阅读器等。
怎样理解内容与样式分离的原则
网页主要分为三个部分,HTML-结构，css-样式，javascript-交互。
所以当写HTML部分时，主要侧重表现页面结构和语义化，而页面的样式则由CSS完成，这样能减少代码的数量，使浏览器加载更流程，对于开发维护人员来说，更方便维护。
有哪些常见的meta标签
通常所说的META标签，是在HTML网页源代码中一个重要标签。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。META标签主要标记HEAD区的一个关键性标签，它位于<head>和<title>之间。
| 例子 | 功能 | 备注 |
|---|---|---|
<meta charset='utf-8' /> |
声明页面编码 | 防止浏览器乱码 |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
移动端控制 | 暂时还不理解 |
<meta name="keywords" content="你的关键词"/> |
页面的关键词 | 搜索引擎优化 |
<meta name="description" content="你的描述" /> |
页面的描述 | 搜索引擎优化 |
<meta http-equiv="X-UA-Compatible" content="IE=6" > |
使用的IE版本 | 后面的ie版本以此类推 |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
声明页面编码 | 对于双内核浏览器使用 |
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- 文档声明是为了告诉浏览器使用的html版本。
- 严格模式是指使指
doctype告知的html版本，混杂模式是指如果没有doctype声明的情况下，使用浏览器自身的方式区渲染页面，混杂模式默认向下兼容。 - <!doctype html>是让浏览器使用HTML5的标准来渲染界面。
浏览器乱码的原因是什么？如何解决
产生乱码的原因是因为没有在文件内声明字体编码，应该将<meta charset='utf-8' />声明的编码格式，在保存HTML文件时，用相同的编码保存。
常见的浏览器有哪些，什么内核？
| 浏览器 | 内核 | 备注 |
|---|---|---|
| ie浏览器 | Trident | ie浏览器及国内双内核浏览器的其中之一内核 |
| Chrome、Safari等 | Webkit | 国内双内核浏览器的其中之一内核 |
| 火狐浏览器 | Gecko | . |
| opera | Presto | opera12.7之前的版本使用 |
常见的标签以及使用场景
| 标签 | 场景 |
|---|---|
<html>...</html> |
将所有HTML内容都包含在这个标签内 |
<head>...</head> |
用于定义文档的头部，它是所有头部元素的容器。 |
<title>...</title> |
文档的标题 |
<meta>...</meta> |
提供有关页面的元信息 |
<body>...</body> |
文档的内容 |
<h1>...</h1> |
一级标题，h1h6分别对应六级标题，从16标题一次减小 |
<p>...</p> |
整段文字 |
<a>...</a> |
在页面插入链接 |
<u>...</u> |
下划线 |
<i>...</i> |
斜体字 |
<em>...</em> |
强调文本 |
<strong>...</strong> |
加重文本 |
<b>...</b> |
黑体字 |
<ol>...</ol> |
有序列表 |
<ul>...</ul> |
无序列表 |
<li>..</li> |
定义列表项目 |
<img> |
图片 |
<div>...</div> |
定义文档中的分区 |
<span>...</span> |
定义文档中的一小节 |
<br /> |
换行 |
<table>...</table> |
定义表格 |
<tr>...</tr> |
定义表格中的行 |
<hr /> |
创建一条水平线 |
网友评论