• HTML进阶


    第一章 基础知识

    1、HTML、XHTML和HTML5的区别:

                  HTML指的是HTML4.01,XHML比HTML语法要求更为严格(相当于HTML和HTML5的过渡版本),HTML5是HTML的下一代。

                                XHTML中:

                                              标签必须被关闭<p></p>

                                              标签及属性必须小写

                                              标签属性值必须用引号

                                              标签用id属性代替name属性

                                HTML5:

                                              文档类型说明,化简为了<!DOCTYPE html>

                                              标签不再区分大小写

                                              允许属性值不加引号

                                              允许部分属性的属性值省略(具有特殊属性的属性值是可以被省略的)

    2、div和span

                  div是块元素,可以包含任何块元素和行内元素,span是行内元素,可以和其他行内元素位于同一行

                  div一般用于较大快块的结构划分,配合CSS操作,span一般用来包含文字。

    3、id和class

                  id具有唯一性

                  class适合两个或两个以上的元素定义相同的样式

    4、浏览器标题栏小图标

        只需要在head标签里添加一个link标签即可

    第二章 语义化

    语义化:标题、图片、表格、表单、其他语义化、语义化验证、HTML5舍弃的标签

    语义化的优点:

                  提高了可读性和可维护性

                  有利于搜索引擎优化

    1、标题语义化

                  一个页面只能有一个h1标签

                  h1~h6之间不要出现断层

                  不要用h1~h6来定义样式

                  不要用div来代替h1~h6

    2、图片语义化

                  alt属性是给搜索引擎看的,title属性是描述文字给用户看的

                  figure元素包含图片和图注,figcaption表示图注文字

    3、表格语义化

         

         

    4、表单语义化

                  label标签:用于将表单元素和某段说明文字关联起来

                  fieldset标签和legend标签:fieldset标签来给表单元素进行分组,legend标签定义某组表单的标题。

    5、其他语义化

                  换行符<br/>

                  无序列表ul

                  strong标签加粗文本,em标签实现斜体文本。

                  del标签和ins标签:del用于定义被删除的文本,ins表示insert,用于定义被更新的文本。

                  img标签可以被搜索引擎识别,北京图片不需要被搜索引擎识别。

    6、语义化验证

                  不同的HTML标签可以用不同的CSS实现相同的效果,可以通过去掉CSS样式判断语义是否良好,语义良好的页面在去掉CSS之后,可读性也非常高。

    7、HTML5舍弃的标签

        一些仅仅定义样式,没有任何语义或者被新标签代替,因此被舍弃。比如下划线u等。

  • 相关阅读:
    nginx在反向代理 路由转发方面比IIS强太多
    dockerfile中更改安装源-时区设置-安装图片
    netcore webapi 输出imges,在docker里面swagger报错
    netcore:Could not load file or assembly 系统找不到指定的文件
    查看ef core生成的sql语句
    netcore webapi 加入 swagger
    netcore中不支持多线程的Abort
    双指针算法:盛最多水的容器
    Oracle sqlplus基础
    Oracle安装记录:CentOS7.6中装Oracle11gR2
  • 原文地址:https://www.cnblogs.com/oaoa/p/14332300.html
Copyright © 2020-2023  润新知