html-元素:
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
空元素: 换行<br />,是关闭空元素的正确方法,还有水平线<hr />和图片<img />
html-属性: 属性值应该始终被包括在引号内。
html-注释: <!--this is comment-->
<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 元素必须正确嵌套
- 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; }
- 开括号和选择器写在同一行
- 开括号之前有一个空格
- 使用两个字符的缩进
- 冒号,逗号和封号后有一个空格
- 只有在值包含空格时使用双引号
- 闭括号写在新的一行,之前不用空格