基本结构

3 HTML基本结构

如下所示:

 

<!DOCTYPE html>

<head>

    <title> </title>

</head>

<body>...</body>

</html>

代码讲解:

1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。

头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。

3. 在<body>和</body>标签之间的内容是网页的主要内容,

如<h1>、<p>、<a>、<img>等网页内容标签,

在这里的标签中的内容会在浏览器中显示出来。

​在head中设置网页标题和字符集编码

<head>

   <title>这里是标题</title>

   <meta charset="utf-8"/>

</head>

4 标签语义化

所谓标签语义化,就是指标签的含义。

 

​为什么要有语义化标签?

 

方便代码的阅读和维护。

同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容 。

使用语义化标签会具有更好地搜索引擎优化。

语义是否良好,在于当我们去掉CSS之后,网页结构依然阻止有序,并且有良好的可续性。也就是说,一眼看去知道哪个是重点结构是什么,知道每一块的内容有什么作用。

 

​遵循的原则是先确定语义的HTML,再选合适的CSS。

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值