美文网首页
html5 学习笔记2017-02-09 pm

html5 学习笔记2017-02-09 pm

作者: GodlinE | 来源:发表于2017-02-09 18:56 被阅读0次

    meta标签作用

    指定字符集

    为什么会有乱码现象?

    没有指定字符集

    字符集指定方法

    head 标签中添加:
    <meta charset="GBK" />

    什么是字符集

    字符的集合
    GBK(GB2312)中字符较少 体积小 打开快 (网站只有中文用GBK)
    UTF-8 中存储世界上所有文字 体积大
    注意:在 HTML 文件中指定字符集必须与保存字符集一致

    标签的分类

    按照标签数量分: 单标签和双标签
    按照标签之间的关系分: 并列关系和嵌套关系

    DTD文档声明

    DTD文档声明的作用:
    告诉浏览器用的是哪个版本的 HTML 规范
    HTML5 文档声明规范向下兼容,所以现在使用 HTML5 文档声明

    格式:
    <!doctype html>

    练习:格式记忆

    <html>
             <head>
                        <meta charset="UTF-8">
                        <title></title>
              </head>
              <body>
              </body>
    </html>```
    **注意点:**
    **1.任何一个标准的 HTML 网页第一行一定是 DTD 文件**
    **2.DTD 文件不区分大小写**
    **3.DTD 文档声明不是标签**
    **4.虽然声明的作用是告诉浏览器是以哪个版本编写的,浏览器并不完全依赖声明,它有其本身的一套作用体系,即使不声明也会正常使用。但是,W3C规定 HTML 第一行必须是 DTD 声明,那么我们按此编写**
    
    ##XHTML HTML HTML5 的规范区别
    区别就是,严格与不严格,功能多与功能少
    htm 与 html 的区别:htm 是老操作系统不支持长扩展名
    
    ##H  P  HR 标签的使用
    __快速新建项目__: alt + ctrl + insert
    
    __H 标签__:添加标题语义,并非修改样式
    
    __格式__: ```<h1></h1>```
    H 标签有6个 h1 - h6 
    H 标签单独占一行, h1 最大 h6 最小
    
    **在企业开发中慎用 H 标签,尤其是 H1 标签**
    **一个页面只有一个 H1 标签 (与 SEO 有关)**
    
    __快捷键:__
    
    _1.END 跳到本行最后一个_
    
    _2.HOME 跳到本行开头_
    
    _3.alt + 鼠标左键下拖   多行文本输入_
    
    _4.alt + ctrl + t 用 <></> 包裹选中代码_
    
    _5.复制当前行   ctrl + d_
    
    _6.删除当前行   ctrl + x_
    
    __p 标签__:添加段落语义
    格式:```<p></p>```
    
    **注意点:在浏览器中独占一行**
    
    __HR 标签__: 分割线
    
    __格式__:```<hr />  ```
    
    HR 标签是单标签也是独占一行
    XTML 规范中 <hr /> "/" 不可以省略
    HTML 规范中可以写成 <hr>
    使用情况按开发工具自动生成
    
    ##HTML 发展史
    ![html 发展史](https://img.haomeiwen.com/i4652604/9f0620bb59d1ce7d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    相关文章

      网友评论

          本文标题:html5 学习笔记2017-02-09 pm

          本文链接:https://www.haomeiwen.com/subject/bvwiittx.html