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。