HTML相关

2017-10-29 本文已影响0人 gigi1226

HTML、XML、XHTML有什么区别

HTML超文本标记语言，用来描述网页。语法要求较为松散。
XML可扩展标记语言，可自定义，通常用来传送及携带数据
XHTML是根据HTML 4 和 XML 1.0重组而成。改进了HTML定义不规范，结构不严谨的缺点。它的语法更加严格，相对HTML的兼容性也不差。

HTML 语义化

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

内容与样式分离的原则

在前端中，Html指的是结构；CSS指的是样式；JavaScript指的是行为。

写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
HTML 内不允许出现属性样式，尽量不要出现行内样式。
写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。

常见的meta标签

声明文档使用的字符编码
<meta charset='utf-8' />

声明文档兼容模式，指示IE以目前可用的最高模式显示内容

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 关于X-UA-Compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
<meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->

定义针对搜索引擎的关键词

<meta name="keywords" content="your tags">

5秒刷新一次页面

<meta http-equiv="refresh" content="5"/>

禁用缓存

<meta http-equiv="pragma" content="no-cache">

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

文档声明用来告知浏览器当前文档所使用的HTML或XHTML规范。
是用来声明当前文档为html5的方法
严格模式是指按照浏览器所支持的最高版本来实现效果；
混杂模式则相反，尽可能向后兼容。使用老版本浏览器的显示模式。

浏览器乱码的原因以及解决方法

原因：一般是文档没有声明自身编码导致浏览器错误的使用了与文档不同的解码方式从而导致内容无法正常显示
解决：如果浏览器浏览时候出现网页乱码，在浏览器中找到转换编码的菜单调整。IE9浏览器：在需要转码的网页空白出右键鼠标，选择“编码”。谷歌浏览器：在需要转码的网页时，点击右上角“三横”图标选择“工具”-->“编码”即可选择切换网页编码

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

chrome、Safari、360极速浏览器以及搜狗浏览器高速模式使用WebKit内核
IE、猎豹、360、搜狗、傲游、世界之窗、Avant、腾讯TT使用Trident内核，又称为IE内核。
Firefox、Netscape6至9使用Gecko内核。
Chrome（28及往后版本）、Opera（15及往后版本）和Yandex浏览器中使用Blink内核

常见的标签，并简单介绍这些标签用在什么场景

标签	使用场景
<html>...</html>	定义了文档的开始点和结束点
<a>..</a>	定义超链接
<img>	图片
<meta>..</meta>	提供有关页面的元信息
<tr>..</tr>	定义表格中的行
<h1>-<h6>	定义标题