Html相关

2017-05-08 本文已影响0人 Maaaax

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>````