HTML的介绍与seo

最新推荐文章于 2024-07-24 16:53:23 发布

半路友人.

最新推荐文章于 2024-07-24 16:53:23 发布

阅读量409

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_51462623/article/details/109132547

版权

HTML

html搭建网页结构
Hyper Text Markup Language 超文本标记语言
为了让不同的浏览器看到相同的东西，需要一套规范，html就是规范

关于html文件的命名，正规的项目不允许出现中文

html文件里面的东西叫做标签

标签通过样子可以分为两类
    双标签   <标签名></标签名>  开始标签 结束标签
    单标签   <标签名/>
html文件就是由一堆标签构成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

</body>
</html>

<!DOCTYPE html>

文档声明
作用是给浏览器看

html在发展的过程中有版本
不同的版本，不同的规则

html1
html2
html3
html4  最稳定 用的时间最长的版本
    往下发展的时候产生了分歧
        一部分人想把html往移动端发展
        另一部分人 让把html的规则更加严格 借鉴了xml弄出来一个xhtml
html5
    适应移动端

html标签是所有标签（除了文档声明）的根标签，所有标签都在html里面

lang  规定了整个页面的语言类型
en 英文
zh 中文

不同语言有什么区别呢？
    1、为了搜索引擎搜索
    2、为了浏览器的翻译功能

【属性】
就是扩充html的功能

属性名="属性值"   不区分单双引号  但是约定都是双引号

如果是双标签必须写在开始标签里面

【head】
头标签这里面放的东西是给浏览器看的
【body】
身体标签，所有网页里面写的东西，放在body里面
【meta】
本身没有意义，都是通过属性来增加他的意义
charset=“UTF-8”
charset 字符集编码编码格式

【title】
标题浏览器标签显示用的

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>这里是标题</title>
</head>

<body>

</body>

</html>

在这里插入图片描述

【标题】
h1-h6 没有h7

h1-h6 越来越小

h1 一般一个页面只有一个一级标题  权重（重要级别、优先级）
正常项目中：第一：如果是新闻页面，就当作标题，如果不是新闻页面：就是logo

为了搜索引擎

搜索引擎 有规则

seo

SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位，获得品牌收益。很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。

赋予meta搜索关键词

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！" />
    <meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺" />

    <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
    <title>这里是关键字</title>
</head>

<body>

</body>

</html>

半路友人.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML的介绍与seo

HTMLhtml搭建网页结构Hyper Text Markup Language 超文本标记语言为了让不同的浏览器看到相同的东西，需要一套规范，html就是规范关于html文件的命名，正规的项目不允许出现中文html文件里面的东西叫做标签标签通过样子可以分为两类双标签 <标签名></标签名> 开始标签结束标签单标签 <标签名/>html文件就是由一堆标签构成<!DOCTYPE html><html l
复制链接

扫一扫