zoukankan      html  css  js  c++  java
  • 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等。

  • 相关阅读:
    富文本
    管理员状态
    分页
    tp。3.2中的模板基础
    get和post之间的区别
    RegExp
    获取各种类型的节点
    节点的层次关系
    创建元素节点
    JavaScript 正则
  • 原文地址:https://www.cnblogs.com/oaoa/p/14332300.html
Copyright © 2011-2022 走看看