zoukankan      html  css  js  c++  java
  • 知识学习笔记

                 WWW指万维网(World Wide Web)。

                           Web是由遍布全球的计算机所组成的网络。

                           所有Web中的计算机都可以彼此互相通信。

                           所有这些计算机都是用名为HTTP的通信标准。

                前端技术的三大核心HTMl,CSS和Javascript。HTML定义网页的结构,CSS定义网页的外观,Javascript定义页面的行为。

                         标题的语义化:

                         对于标题h1~h6的语义化,我们需要注意以下四个方面。

                                (1)一个页面只能有一个h1标签。

                                (2)h1~h6之间不要断层    ---完整有序而没有出现断层。eg:“h1、h2、h3、h4”排列下来,不要出现“h1、h3、h4”漏掉h2的情况。

                                (3)不要用h1~h6来定义样式。

                                (4)不要用div来代替h1~h6.

                         图片语义化:  

                        <img src=" " alt="图片描述(给搜索引擎看)" title="图片描述(给用户看)">

                               alt属性是img标签必须属性,一定要添加。title是img可选属性,可加可不加。alt属性在搜索引擎优化中也很重要,并且会赋予一定的权重。

                               "图片+图注"效果:

                                   <figure>

                                          <img src=" " alt=" "/>

                                          <figcaption></figcaption>

                                  </figure>

                        表单语义化:

                              (1)label:用于显示在输入控件旁边的说明性文字。也就是将某个表单元素和某段说明文字关联起来。

                                  语法:<label for=" ">说明性文字</label>

                                  说明:label标签for属性值为关联的表单元素的id。例如<input id="name" type="text"/>,则其所关联的label标签应该为<label for="name"></label>。

                                  label标签的for属性有两个作用。

                                        (1)语义上绑定了label元素和表单元素。 

                                        (2)增强了鼠标可用性。也就是说我们点击label中的文本时,其所关联的表单元素也会获得焦点。

                           (2)fieldset标签和legend标签

                                     使用fieldset标签来给表单元素进行分组,其中,legend标签用于定义某一组表单的标题。

                                  说明:使用fieldset标签和legend标签有两个作用。

                                          (1)增强表单的定义。

                                          (2)可以定义fieldset元素的disabled属性来禁用整个组中的表单元素。

                      其他语义化:

                                换行符<br/>

                               说明:换行符<br/>标签有自己的定义,不能随便用来实现换行效果。W3C标准规定,<br/>标签仅仅用于段落中的换行,不能用于其他情况。

                                         也就是说,<br/>标签只适合用于p标签内部的换行,不能用于其他标签。

                               del标签和ins标签

                               说明:del表示"delete",用于定义被删除的文本。ins表示"insert",用于定义被更新的文本。

                               img标签

                               说明:想要在页面显示一张图片,我们有两种方式:一是使用img标签,二是使用背景图片。使用img标签添加图片,是通过HTML来实现,使用

                                         背景图片,是通过CSS来实现。如果图片作为HTML的一部分,并且想要被搜索引擎识别,则应该使用img标签,例如常见的各种图片列表。

                                         如果图片仅仅是起到修饰作用,并且不想被搜索引擎识别,则应该使用背景图片。


  • 相关阅读:
    JQuery常用函数及功能小结
    JSP +Tomcat数据库访问
    JSP+Tomcat开发环境安装及配置
    去除Win7快捷方式的箭头
    UK Day46 MongoDB Atlas的创建+配置+连接集群
    UK Day46 MongoDB 文档基本操作 增删改查
    UK Day46 MongoDB 集合基本操作
    UK Day46 MongoDB 聚合(aggregate)操作
    MongoDB M001第五章 索引和聚合管道
    公告!
  • 原文地址:https://www.cnblogs.com/aixing/p/13327825.html
Copyright © 2011-2022 走看看