“这是我参与8月更文挑战的第4天,活动详情查看: 8月更文挑战”
HTML语言规范
HTML实例介绍及解析
HTML是超文本标记语言(Hyper Text Markup Language)
下面是一个可视化的 HTML 页面结构实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>这是页面标题(w3cschool.cn)</title>
</head>
<body>
<h1>这是一个标题。</h1>
<p>这是一个段落。</p>
</body>
</html>
我们来解析一下上面的代码
- <!DOCTYPE html> 声明为 HTML5 文档,doctype 声明是不区分大小写的。
- <html>与 </html> 之间的文本描述网页。
- <head>与 </head>之间的文本描述文档的(meta)元数据。 可以包含脚本、样式、meta 信息 以及其他更多的信息。
- <meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。如<meta charset="utf-8">定义网页编码格式为**utf-8**。( <meta> 标签通常位于 <head> 区域内。)
- <title> 与 </title> 之间的文本描述文档的标题。(<head> 中必须包含 <title>)
- <body> 与 </body> 之间的文本是可见的页面内容。
- <h1> 与 </h1> 之间的文本被显示为一个大标题。
- <p> 与 </p> 之间的文本被显示为一个段落。
HTML特点及注意事项
1.HTML文件的扩展名为html 或者htm。Htm是老的命名规范,html的新的。
2.HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行。
3.HTML标签通常由开始标签和结束标签组成。例如:<font>内容体</font>开始标签和结束标签之间的内容叫做内容体
4.HTML没有内容体的标签叫做空标签。仅由一个标签组成。例如: <br/>自关闭。
5.HTML标签不区分大小写,为了方便阅读,建议使用小写。
6.HTML标签是有属性的,格式为:属性名=“属性值”,属性值用引号引起。
7.HTML标签建议包裹嵌套,不建议交叉嵌套。
- 对于中文网页需要使用
<meta charset="utf-8">声明编码,否则会出现乱码。 - 虽然 Web 浏览器读取 HTML 文件作为网页显示,但并不直接显示 HTML 标签。
- HTML 标签的使用决定了如何向用户展现 HTML 页面的内容
- 只有
<body>区域才会在浏览器中显示
好了,关于HTML的一些基础介绍就到这里,下期我们学习HTML的一些标签。