• 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:此元素会被显示成行内元素,元素前后没有换行符

  • 相关阅读:
    Stack源码分析
    LinkedList源码分析 (JDK1.8)
    AbstractSequentialList源码分析
    Vector源码分析
    ArrayList简介
    获取类运行
    类加载器的作用
    什么时候会发生类初始化
    IIS无法加载字体文件(*.woff,*.svg)的解决办法
    PowerDesigner 显示name(中文) 和显示code(字段名) 设置
  • 原文地址:https://www.cnblogs.com/elian/p/6185125.html
Copyright © 2020-2023  润新知