SEO需要具备的前端技术知识有哪些?(入门级了解)

众所周知SEO是个知识面横向拓展性极强但除优化本身之外纵向深挖的一些知识seo做的会普遍较少,对于刚入门或者对seo感兴趣的小伙伴来说学习seo需要了解哪些前端技术知识成为了众多问题的其中之一,今天这篇文章就会带你简单了解一些关于seo应该清楚的前端知识。

众所周知SEO是个知识面横向拓展性极强但除优化本身之外纵向深挖的一些知识seo做的会普遍较少,对于刚入门或者对seo感兴趣的小伙伴来说学习seo需要了解哪些前端技术知识成为了众多问题的其中之一,今天这篇文章就会带你简单了解一些关于seo应该清楚的前端知识。
a8fa31cf-d644-426c-ba44-d217d56969a8
前端三巨头:通俗的讲,浏览器呈三个部分构成:HTML(超文本标记语言)、CSS(层叠样式表)、JS。

现出来的页面就是前端。它的实质是前端代码在浏览器端被编译、运行、渲染。前端代码主要由

8c28d6b0-4d8b-4268-9861-47f6f989ea20

 一、关于HTML 

HTML是用来描述网页的一种语言。HTML文档也被称为网页。HTML文档包含HTML标签和纯文本。

HTML运行在浏览器上,由浏览器来解析。浏览器不会显示HTML标签,而是使用标签来解释页面的内容。

5b406574-9d1d-444a-9ca6-5a867f1e6bfe

 二、关于CSS 

 

 

CSS指层叠样式表(Cascading Style Sheets),样式定义如何显示HTML元素。

CSS规则由两个主要的部分构成:选择器(如果想改变元素的样式,需要先找到它),以及一条或多条声明(每条声明由一个属性和一个值组成)。

d8a158b5-8fd1-46cc-b551-8e6b5741f419
 元素选择器:

最常见的CSS选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。

<p>Hello world</p>

<h1>Hello world</h1>

p {color:gray;}

h1 {color:silver;}

 ID选择器: 

id可以为标有特idHTML元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSSid选择器以“#”来定义。

<div id=”part1″>Hello world</div>

#part1 { text-align: center; color: red; }

 类选择器(class选择器): 
类选择器用于描述一组元素的样式,类选择器有别于id选择器,class可以在多个元素中使用。

类选择器在HTML中以class属性表示,在CSS中以一个点“.”号显示。

<div class=”center”>Hello world</div>

.center {text-align:center;}

 三、关于JS 

js是JavaScript的简称,JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。

日常用途: 嵌入动态文本于HTML页面。 对浏览器事件做出响应。 读写HTML元素。 在数据被提交到服务器之前验证数据。 检测访客的浏览器信息。 控制cookies,包括创建和修改等。 基于Node.,在HTML中,JavaScript代码必须位于

<script>与</script>标签之间,对于JS我们不做过多的介绍,这门语言相比html与css较为复杂,seo只需要简单认识了解即可。

 总结:

Firefox开发者工具:https://developer.mozilla.org/zh-CN/docs/Tools

本文来自投稿,不代表SEOwiki立场,如若转载,请注明出处:https://seowki.com/archives/2116.html

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注