HTML知识点
2017-02-20 本文已影响0人
ychenxi
HTML、XML、XHTML 有什么区别
- HTML 超文本标记语言, 是用于创建Web的标准标记语言。
- XML 可扩展标记语言。XML是从标准通用标记语言（SGML）中简化修改出来的。通常用来传输数据。
- XHTML 可扩展超文本标记语言。表现方式与 HTML 类似，不过语法上更加严格。从继承关系上讲，HTML是一种基于标准通用标记语言（SGML）的应用，是一种非常灵活的置标语言，而 XHTML 则基于可扩展标记语言（XML），所以语法上更加严格。开始出现是因为人们想用XHTML来解决早期HTML很多不规范的问题，但是现在的趋势是HTML5。
怎样理解 HTML 语义化
- 语义化的含义就是用正确的标签做正确的事情，HTML语义化是指根据内容的结构选择合适的HTML标签。HTML5中新增加的很多标签（如：
<article>、<nav>、<header>和<footer>等）就是基于这样的设计原则。 - 优点：有利于搜索引擎以及爬虫工具等更容易读懂页面代码；便于团队开发和维护等
内容与样式分离的原则
HTML负责页面结构和语义，CSS负责页面展示；HTML中不要出现属性样式，尽量不要出现行内样式
有哪些常见的meta标签
- 明确声明字符编码
<meta charset="UTF-8"> - 优先使用IE的最新版本，如果IE浏览器有Google Chrome Frame，就用Chrome内核
<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"> - 给搜索引擎提供关键词
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> - 网页的描述
<meta name="description" content="Free Web tutorials on HTML and CSS"> - 页面的作者
<meta name="author" content="Hege Refsnes">
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
-
严格模式下，浏览器以其支持的最高标准呈现页面；当你在文档开头申明了
<!doctype>，浏览器将以你申明的文档类型加载文档并将根据具体的CSS渲染页面。
当你的文档没有申明具体的文档类型时，就处于混杂模式下。混杂模式假定该文档是老的或者不符合w3c规范，浏览器仍然可以呈现页面，但会消耗大的处理能力。而且你也可能会得到一个奇怪或丑陋的并不符合你的期待的结果。
这两种模式的区别大部分情况下只是涉及到CSS的呈现方式，很少一些情况html的内容有所区别。严格模式能够确保 HTML 在每个浏览器中拥有一致的展现。 -
<!doctype>为浏览器提供一项文档声明，<!doctype html>表示遵循HTML5规范来渲染页面。
浏览器乱码的原因是什么？如何解决
- html保存时的编码和浏览器解码时采用的标准不符
- 如果采用utf-8编码 一定要在
<head>标签里添加<meta charset="utf-8">然后保存时也同样采用utf-8编码 - 如果采用gbk编码 一定要在
<head>标签里添加<meta charset="gbk">然后保存时也同样采用gbk编码。
常见的浏览器有哪些，什么内核
| 浏览器 | 内核 |
|---|---|
| IE浏览器 | Trident内核 |
| Google Chrome | 现在 blink, 以前 webkit |
| Firefox | Gecko |
| Opera | 现在 blink, 以前 presto, webkit |
| Safari | webkit |
列出常见的标签，并简单介绍这些标签用在什么场景
-
<a>用于超链接。<a href="">jirengu</a> -
<article>用于一篇文章。 -
<aside>用于页面的侧边栏。 -
<blockquote>用于大段的引用内容。<blockquote>some texts</blockquote> -
<body>页面上显示的所有内容都被包含在<body></body>里 -
<br>用于显示一个换行 -
<button>用于显示一个按钮 -
<code>用于一包裹一段代码内容 -
<div>用于包裹住一些其他的标签，制造一个容器 -
<em>用于强调一些文本内容 -
<figure>用于一张图表 -
<footer>用于包裹页面的底部内容 -
<form>用于制作一个表单 -
<h1>—<h6>用于标记标题，从<h1>到<h6>重要性依次递减 -
<head>用于包裹页面的元数据，如<meta>,<link>,<title>等 -
<header>用于包裹页面的头部内容 -
<hr>用于制造出一条分隔线 -
<html>整个 HTML 文档的根元素，包裹住其他所有的元素 -
<iframe>用于嵌入另一个小页面到一个页面中 -
<img>用于显示一张图片 -
<input>用于显示一个表格输入控件 -
<label>用于给一个表格输入控件打上一个标签，说明输入控件的作用 -
<li>用于<ul>和<ol>标签，代表一个列表项 -
<nav>用于包裹住一个导航条的内容 -
<ol>用于制作一个有序列表 -
<p>用于显示一个段落 -
<section>用于包裹一部分有逻辑关系的页面内容 -
<select>用于制作一个下拉列表选框 -
<span>用于包裹住一小段文字，作为一个容器 -
<strong>用于着重强调重要的文本内容 -
<table>用于制作一个表格 -
<tbody>用于表格里的主体部分 -
<td>用于表格里的某一个单元格 -
<textarea>用于制作一大块文本输入框 -
<tfoot>用于表格里的底部 -
<th>用于表格里的表头的单元格 -
<thead>用于表格里的表头 -
<title>用于显示整个页面的标题（显示在浏览器的tab上） -
<tr>用于标记表格里的一行 -
<ul>用于制作一个无序列表
