网页基本元素知识了解

2022-06-10  本文已影响0人  白富美也在学代码

网页的基本元素

1.文档声明<!DOCTYPE  html>:告诉浏览器当前页面是html5,让浏览器按照html5的标准去解析html

2.html:是html文档的根元素(lang:语言)

3.head:元数据metadata,描述数据的数据,譬如描述:网站的字符,网页标题,网页图标等

<meta charset="UTF-8">     charset :字符编码   GB2312-->GBK      utf-8 统一使用   

<meta name=keywords content="共产党员网,中组部,党员教育,12371,中共,共产党员,共产党,党建,组织工作"><meta name=description content="共产党员网(www.12371.cn)是由中央组织部主管、中组部党员教育中心主办、央视网承办的党员教育平台。">

<title>Document</title> 网页标题

<style></style>

<link rel="stylesheet" href="//p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1457510958309619/swiper.min.css">

 rel 类型  stylesheet样式    icon图标

4.body

html元素学习:

div块

span元素

p元素:段落

h元素 :标题

strong元素:加粗

img元素:图片

a 元素:超链接

br元素 :换行

hr元素:分割线

code元素:显示代码,等宽字体

url元素

SEO搜索引擎优化

百度/360/搜狗/谷歌

1.h元素有助于搜索引擎(SEO)优化,可以促进关键字排名,尤其是h1,建议一个网站只有一个h1元素,乱用h1元素会被爬虫认为作弊。

字符实体:

&nbsp;   空格

&lt;  小于号

&gt; 大于号

标签语义化

每个元素都有正确的语义,尽量按照标签语义来定义,譬如:标题就是h1-h6   图片就是img   strong 就是字体加粗

1.方便代码的维护

2.减少沟通成本

3.让语言合成工具可以准确识别网页元素

4.让搜索引擎能够正确识别重要信息

上一篇 下一篇

猜你喜欢

热点阅读