html之网页结构
文章目录
- 元素(标签，标记)
- HTML语义化
- 1. 每一个HTML元素都应该有具体的含义
- 2. 所有元素与展示效果无关
- 为什么需要语义化
- 1. 为了搜索引擎优化(SEO)
- 2. 为了让浏览器理解网页
- 元素嵌套
- 标准文档结构
- 1. 文档声明`<!DOCTYPE html>`
- 2. 根元素html
- 3. 文档头head(不会显示到页面上)
- 4. 内容body
元素(标签，标记)
<a href="https://www.baidu.com" title="百度一下，你就知道！">百度</a>
整体：element(元素)
元素＝起始标记(begin tag) + 元素属性 + 元素内容 + 结束标记(end tag)
为了符合web标准和将HTML语义化的思想贯彻到底，我们应该将大部分的元素属性在css中体现
下面我们就来说一说什么是语义化。
HTML语义化
1. 每一个HTML元素都应该有具体的含义
-
a元素：超链接
-
p元素：文本元素
-
h1元素：一级标题
-
div: 没有任何语义
2. 所有元素与展示效果无关
元素展示到页面的效果，应该由css决定。
因为浏览器带有默认的CSS样式，所以每个元素有一些默认样式，所以很多时候我们需要先清除一些特殊元素的样式。
为什么需要语义化
1. 为了搜索引擎优化(SEO)
搜索引擎：百度、搜狗、Bing、Google
每隔一段时间，搜索引擎会从整个互联网中，抓取页面源代码，然后通过一些规则进行排序，排名高的网页更容易被用户搜索到。
在互联网时代，流量多往往意味着收入高。
2. 为了让浏览器理解网页
比如在网页的语音模式中，阅读的语调、停顿等能更加自然。
元素嵌套
元素的嵌套有一定的规则，由于规则比较复杂。
如果想要了解哪个元素可以嵌套哪些元素，可以直接在浏览器输入mdn+对应元素名进行查找
标准文档结构
1. 文档声明<!DOCTYPE html>
告诉浏览器，当前文档使用的HTML标准是HTML5，不写可能进入怪异渲染模式。
2. 根元素html
一个页面只能有一个，并且该元素是所有其他元素的父元素或祖先元素，H5不强制写它
lang属性:language，全局属性，表示该元素内容使用的文字是使用哪一种自然语言书写而成。(en：英语，cmn-Hans：大陆简体，cmn-Hant：繁体中文)
3. 文档头head(不会显示到页面上)
-
meta：文档元数据(附加信息)
-
charset：指定网页内容编码，如GB2312,GBK
-
title：网页标题
4. 内容body
如有错误，敬请指正，欢迎交流，谢谢♪(･ω･)ﾉ