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标签,例如常见的各种图片列表。
如果图片仅仅是起到修饰作用,并且不想被搜索引擎识别,则应该使用背景图片。