知识学习笔记

             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标签,例如常见的各种图片列表。

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


原文地址:https://www.cnblogs.com/aixing/p/13327825.html