HTML结构

HTML结构

一、HTML文档结构

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>css样式优先级</title>
</head>
<body>

</body>
</html>
  1. <!DOCTYPE html>声明为HTML5文档(html版本说明)
  2. <html>....<html/>:是文档的开始标记和结束标记。是html页面的根元素,在他们之间是文档的头部。包含文档的元数据(meta)数据
  3. <title>....</title>定义网页标题,在浏览器标题栏显示
  4. <body>.....<body/>之间的文本是可见的网页主题内容

注意:对于中文网页需要使用 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为

二、HTML标签格式

  • HTML标签是由尖括号包围的关键字,如''<html>, <div>
  • HTML标签通常是成对出现的,比如:<div>和</div>,第一个标签是开始,第二个标签是结束。结束标签会有斜线。
  • 也有一部分标签是单独呈现的,比如:<br/>、<hr/>、<img src="1.jpg" />等。
  • 标签里面可以有若干属性,也可以不带属性。

标签的语法:

  • <标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
  • <标签名 属性1=“属性值1” 属性2=“属性值2”…… />

几个很重要的属性:

  • id:定义标签的唯一ID,HTML文档树中唯一
  • class:为html元素定义一个或多个类名(classname)(CSS样式类名)
  • style:规定元素的行内样式(CSS样式)

三、HTML注释

<!--注释内容-->

注释是代码之母。

四、标签

<!DOCTYPE>声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在当下的阶段,必将由程序员来主导,甚至比以往更甚。
原文地址:https://www.cnblogs.com/randysun/p/11669044.html