首页 > SEO入门 > 正文

第七章:简单了解网站的HTML代码

作者: admin     来源: 红尘画舫     发布时间: 2019-09-27 11:09:32    浏览人数:
摘要做SEO优化,你可以不知道php,也可以不了解js和css,但是HTML代码一定得了解一下,因为这是网站最基本的东西,它是网页内容的载体,如果连网站最基本的东西都不知道,那就谈不上什么SEO网站优化了。
做SEO优化,你可以不知道php,也可以不了解js和css,但是HTML代码一定得了解一下,因为这是网站最基本的东西,它是网页内容的载体,如果连网站最基本的东西都不知道,那就谈不上什么SEO网站优化了。这一章,带大家快速了解HTML代码,因为后面讲解的课程会涉及到HTML代码。

HTML的英文全称是 Hypertext Marked Language,被称为超级文本标记语言,是一种标识性的语言;它由html标签、css、js(JavaScript)等元素组成。css控制页面的样式,js控制页面一些模块的效果,而HTML则是组成网页的最重要要素。没有css和js,网页页面会依然存在,只是排版会变得,没有样式效果,非常难看;但只有css和js,没有htm,那么网站页面就不存在了,因此,做SEO优化必须得了解HTML。

HTML页面可以大致分成:头部<header>和主体<body>两大部分,而主体部分又可以分为导航<nav>、脚部<footer>,导航与脚部之间是正文部分,当然,正文右侧还可以放上侧边栏(也可以不放,全看UI设计师怎么设计)。
大致HTML页面结构

一、头部<header>
html页面头header
<title>标签,定义一个HTML网页的标题(title);
<meta>标签,定义一个HTML网页文档的属性,例如:网页描述(description)、关键词(keyword)、作者、日期和时间、页面刷新等;
<link>标签,定义资源引用,如:链接到样式表。
<script>标签,定义客户端脚本和脚本引用,如连接到js表。

二、主体<body>
html主体部分
头部以下就是主体<body>部分,基本都是用HTML标签组成的,下面简单来了解一下这些主要用到的标签。(注:HTML标签通常都是成对出现。)

1.标题标签:<h1>…</h1>~<h6>…</h6>
  注:一个页面只能存在一个<h1>标签,其他的标签不限。

2.div标签:<div>…</div>
div相当于一个容器,可以把一些独立的逻辑部分(如网页中独立的栏目版块)划分出来。

3.段落标签:<p>…</p>

4.无序列表标签:
   <ul>
     <li>...</li>
     <li>...</li>
   </ul>

5.图片标签:<img src="" alt="" title="">…</img>
src: 图片的地址
alt: 图片无法显示时显示的描述性文字
title: 鼠标放在图片上时显示的描述性文字

6.超链接:<a href="" title="">…</a>
href:指向一个链接地址
title:鼠标放在图片上时显示的描述性文字,在标题显示不全的时候使用。

7.注释标签:<!-- 注释部分 -->
标注该部分html代码是做什么的,方便查看代码。
各种html标签
以上是做seo网站优化必须了解的一些HTML标签,想了解更多关于HTML标签的信息,请看:什么是HTML标签?常用的HTML主要标签简介
很赞哦! ()