#基础知识# -Html

Html: 超文本标记语言（Hyper Text Markup Language） HTML 文档 = 网页

html-元素：

HTML 元素以开始标签起始
HTML 元素以结束标签终止

空元素：换行<br />，是关闭空元素的正确方法，还有水平线<hr />和图片<img />

html-属性：属性值应该始终被包括在引号内。

html-注释：

<p>元素：浏览器会自动地在段落的前后添加空行，并且会忽略源代码的排版（忽略空格和换行）（<p> 是块级元素）

<pre></pre> 标签: 能够保留空格和换行的格式。

<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>

abbr和acronym分别为缩写和首字母缩写，用title来显示全部信息。HTML5 中不支持 <acronym> 标签，使用 <abbr> 标签代替。

长的块引用：<blockquote>长的块引用。长的块引用。浏览器会插入换行和外边距，</blockquote>
短的引用：<q>短的引用。会加上双引号</q>

文本格式化标签

HTML5 规范声明：应该使用 <h1> - <h6> 来表示标题，使用 <em> 标签来表示强调的文本，应该使用 <strong> 标签来表示重要文本，应该使用 <mark> 标签来表示标注的/突出显示的文本。根据 HTML5 规范，在没有其他合适标签更合适时，才应该把 <b> 标签作为最后的选项。

删除线：<del>del元素是删除线</del>

下划线：<ins>ins元素是下划线</ins>

HTML <abbr> 元素定义缩写或首字母缩略语。

HTML <dfn> 元素定义项目或缩写的定义.

HTML <address> 元素定义文档或文章的联系信息（作者/拥有者）。地址： <address>Written by me</address>

HTML <cite> 元素定义著作的标题。

HTML <bdo> 元素定义文本方向（bi-directional override）。

html-样式：

外部样式表：样式需要用在很多页面时。

<link rel="stylesheet" type="text/css" href="style.css">

内部样式表：样式用于单个文件时。

<style type="text/css">
  body {backgroundcolor:green;}
</style>

内联样式表：样式用于单个元素。

<p style="font-size:12px;color:red;">啦啦啦</p>

URL: uniform resource lacator 统一资源定位器

语法规则：scheme://host.domain:port/path/filename

scheme:定义因特网服务的类型，常见http ； host:定义域主机，www

domain:域名 :post:主机上的端口号

path:服务器上的路径 filename:文件名

URL编码：只能使用ASCII字符集通过因特网进行发送。

仅有 16 种颜色名被 W3C 的 HTML 4.0 标准支持，它们是：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow

<!DOCTYPE>不是html标签，为浏览器提供一个文档声明即html 是用声明版本写的。

XHtml: EXtensible HyperText Markup Language 可扩展超文本标记语言。

W3C将XHTML 1.0分为三种规范：Strict（严格）、Transitional（过渡）和Frameset（框架）。trasitional是最常用的XHTML DTD。

XHTML中不允许简写属性。

XHTML文档中的强制性元素：doctype、html、head、body 以及 title

为什么要使用XHTML: 为了编写可读性强的文档。

XML 用来描述数据，而 HTML 则用来显示数据。

在 XHTML 中不鼓励使用 name 属性，应该使用 id 取而代之。在 XHTML 中，<html> 标签内的 xmlns 属性是必需的。

重要的兼容性提示：你应该在 "/" 符号前添加一个额外的空格，以使你的 XHTML 与当今的浏览器相兼容。

存在三种XHTML文档类型：

Strict（严格类型）
Transitional（过渡类型）
Framset（框架类型）

XHTML模块化 ：XHTML 太大且太复杂，模块化则既可被独立应用于简易设备，又可以与其他 XML 标准并入大型且更复杂的应用程序。

XHTML 元素 - 语法规则

XHTML 元素必须正确嵌套
XHTML 元素必须始终关闭
XHTML 元素必须小写
XHTML 文档必须有一个根元素

XHTML 属性 - 语法规则

XHTML 属性必须使用小写
XHTML 属性值必须用引号包围
XHTML 属性最小化也是禁止的

-------- Html5

html5-shiv解决方案（IE9早期的浏览器会读取这段注释，并且理解它）

<head>
    <!--[if It IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->  
</head>

<article> <section> 与 <div> 之间的差异

<section> 元素被定位为相关元素的块。

<article> 元素被定义为相关元素的完整的自包含块。

<div> 元素被定义为子元素的块。

HTML 注释

短注释应该在单行中书写，并在  之前增加一个空格：

<!-- This is a comment -->

长注释，跨越多行，应该通过  在独立的行中书写：

<!-- 
  This is a long comment example. This is a long comment example. This is a long comment example.
  This is a long comment example. This is a long comment example. This is a long comment example.
-->

样式表：书写规则

长规则应该分为多行：

body {
  background-color: lightgrey;
  font-family: "Arial Black", Helvetica, sans-serif;
  font-size: 16em;
  color: black;
}

开括号和选择器写在同一行
开括号之前有一个空格
使用两个字符的缩进
冒号，逗号和封号后有一个空格
只有在值包含空格时使用双引号
闭括号写在新的一行，之前不用空格