网页的基本元素
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元素会被爬虫认为作弊。
字符实体:
空格
< 小于号
> 大于号
标签语义化
每个元素都有正确的语义,尽量按照标签语义来定义,譬如:标题就是h1-h6 图片就是img strong 就是字体加粗
1.方便代码的维护
2.减少沟通成本
3.让语言合成工具可以准确识别网页元素
4.让搜索引擎能够正确识别重要信息
网友评论