html学习笔记

第一部分

html发展历史

1995年11月24日

HTML 2.0作为IETF RFC 1866发布

1997年1月14日

HTML 3.2作为W3C推荐标准发布。这是首个完全由W3C开发并标准化的版本,因IETF于1996年9月12日关闭了它的HTML工作组。

1997年12月18日

HTML 4.0作为W3C推荐标准发布

2000年5月

ISO/IEC 15445:2000("ISO HTML",基于HTML 4.01严格版)作为ISO/IEC国际标准发布。

2014年10月28日

HTML 5作为W3C推荐标准发布

XHTML版本

XHTML是使用XML 1.0改写自HTML 4.01的独立语言

XHTML 1.0, 2000年1月26日作为W3C推荐标准发布

XHTML和HTML的区别

XHTML相对于HTML来说语法更加严格,最主要的特点包括:

  • 所有标签必须闭合
  • 所有标签必须小写
  • 所有属性必须用引号

XHTML和HTML5的区别

简单来说xhtml的标准要求非常严格偏学术,对语法要求很多,html5就更注重功能性和便捷性更灵活更注重实用,被开发者广泛接纳。

DTD即doctype声明的意义

DOCTYPE 声明不是HTML 标签;它是指示web 浏览器关于页面使用哪个HTML 版本进行编写的指令。 在HTML 4.01 中,<! DOCTYPE> 声明引用DTD,因为HTML4.01 基于SGML。 DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

XHTML1.0:

strict模式:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

过渡(transitional)模式:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
框架集(frameset):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
主要用第二个
 
Html5中doctype声明方式:
<!DOCTYPE html>
 
第二部分:
新建网页需要确定<head>部分和文件存储的编码要一直才不会出现乱码,windows下的ANSI指的是GBK编码,head部分是告诉浏览器该网页采用的编码方式
 
第三部分:
sublime一些好用的快捷键
快速删除一行 Ctrl+Shift +K
快速注释一行 Ctrl +/
快速选择一行 Ctrl+L
快速格式化 alt+shift+f 这个要在Preferences里面的Key Bindings的user下面设置,这里包括两个快捷键设置,设置f1快速打开浏览器,art+shift+f快速格式化

{ "keys": ["f1"], "command": "open_in_browser" },
{"keys": ["alt+shift+f"], "command": "reindent"},

快速生成html文档需要下载Emmet插件,下载完成后直接按!+Tab就可以生成html5文档

!+Tab或者html:5生成html5类型文档

按 html:4s生成strict类型html文档

html:4t生成loose类型html文档

html:xt生成transitional类型html文档

 

CSS下一些好看的颜色英文单词对照

参考该网站http://www.147colors.com/

aliceblue 爱丽丝蓝(这翻译也是醉醉的...)

antiquewhite (antique古董)

像red,green,blue这些颜色太深了,可以选择前面加light颜色就会浅很多

 

盒子模型总结:

box长度和宽度不变,padding是border内部box外部,margin是border外部

这种是w3c标准,该标准是内容不变,往外扩充;ie模式是分配的长度和宽度固定,加的padding和border宽度是在box里面重新划分,不重新分配长度

最新文档中属性box-sizing:border-box就表示ie的这种模式,content-box表示w3c模式

块状元素/行内元素

块状元素如div、p、h1等这些元素是独占一行,而行内元素即内联元素包括span、a、img这些常见的行内元素在行内发生作用,在某些时候可以让块状元素和行内元素进行转换

display属性可以实现这样的转换。display最常用的包括:

none:此元素不会被显示

block:该元素会被显示成块状元素,此元素前后会带有换行符

inline:此元素会被显示成行内元素,元素前后没有换行符

 

posted @ 2016-12-16 22:28  萤火之森  阅读(178)  评论(0编辑  收藏  举报