HTML,XML与XHTML
-
HTML（Hypertext Marked Language）超文本标记语言，它的简易性、可拓展性使它成为目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。但同时也造成了了一些弊端，如语法不严谨，结构松散等。
-
XML（Extensible Markup Language）可拓展标记语言，是一种用于标记电子文件使其具有结构性的标记语言，它被设计用来传输和存储数据，其重点是在于数据的内容，是独立于软件和硬件的信息传输工具。它对于编码规范的要求更为严格。
-
XHTML(Extensible Hypertext Markup Language)可拓展超文本标记语言，表现方式与HTML类似，但比HTML在语法上要更加严格，XHTML是一个基于XML的标记语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的可扩展标记语言（XML），所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。
HTML的语义化
使内容结构化，选择使用合适的标签，使代码更加规范，方便开发者阅读，利于浏览器爬虫爬取内容，利于SEO优化，方便其他设备解析，更利于后期开发及维护...等等优点。
内容与样式分离
Html用于构建网页结构，展示网页内容，css则用于为网页的内容设置与更改样式，在网页开发中，将Html和css分离的做法称之为结构样式分离，如果直接将样式写在html标签中，会使整个html文档很乱，可读性变差，不利于维护。
将样式与结构分离有很多的好处：
-
利用CSS中的重用、组合、继承等特性减少样式的代码量，样式结构上非常清晰
-
页面视觉有变动只需要修改相应的CSS文件，不用或者基本上不用改动html文档中的标签结构
-
适合产品级、模块化的开发
常见的meta标签
-
声明编码
<meta charset=UTF-8> -
关键字
<meta http-equiv="keywords" content="your tags"> -
页面描述
<meta name="description" content="150 words" /> -
页面重定向和刷新
<meta http-equiv="refresh" content="0;url=" /> -
定义页面作者
<meta name="author" content="author,email address">
文档声明的作用,严格模式和混杂模式指什么
<!doctype html>是HTML5中的文档声明，它的作用是使浏览器获知文档类型。
在HTML4.01中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
DTD一般分为两种模式。
- 严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。
- 混杂模式：又称兼容模式，是指浏览器用自己的方式解析代码。
浏览器乱码的原因及解决方法
浏览器有几种不同的编码规范，如我们常用的UTF-8,GB2312等。
我们如果在开发过程中，我们所编写并保存的Html文件的所使用的编码规范与浏览器打开使采用的编码规范不一致，就会出现乱码现象，因此，我们在编写Html时，一定要注意在文档头部添加<meta charset="utf-8">声明，这样浏览器就会使用你所声明的编码规范来打开你的Html文档。避免发生乱码现象。
常见的浏览器及其内核
- Chrome 内核为WebKit
- IE浏览器 内核为Trident
- Opera 内核为WebKit(注：2013年2月13日，Opera宣布放弃自家Presto内核而改为使用WebKit内核)
- Firefox 内核为Gecko
常见的标签以及使用的场景
-
<head></head>head标签是页面的“头部”， 一般来说，只有6个标签能放在<head>标签内：<title>、<meta>、<link>、<style>、<script>、<base> -
<body></body>body标签是页面的身体，页面中的内容都包含于此 -
<h1></h1>~<h6></h6>不同级别/重要程度的标题 -
<p></p>表示文本段落 -
<div></div>无属性块标签，用于网页划分区域 - 无序列表
<ul>
<li>xx</li>
<li>xx</li>
</ul>
- 有序列表
<ol>
<li>xx</li>
<li>xx</li>
</ol>````
网友评论