html其他标签，头部标签，标签嵌套

其他标签

标签	含义	说明
i	斜体标签	italic
em	强调的内容	在浏览器中显示时一般为斜体
address	地址	在浏览器中显示时一般为斜体，块型标签
b	加粗显示	bold
strong	强调的内容	在浏览器显示一般为加粗
del	删除线	删除—
ins	下划线
sub	下标
sup	上标
bdo	设置文本方向	通过属性direction/方向 dir="ltr" "rtl" left to right right to left
abbr	文字缩写	span 标签也可以使用 通过title属性设置当属性停留在文字上时显示的提示信息
smail	相对于当前字号减少一号
big	相对于当前字号大一号

为了更好的语义化

 

头部标签

. meta 定义网页的摘要信息 ; 如字符的编码，指定网站的关键字，描述，作者等

. title 定义网页的标题

. style 定制内部CSS样式

. link 链接/引用外部的CSS样式

. script 定义或引用脚本

. base 基础/定义基础路径的

默认以当前页面文件所在位置为相对路径的参照

 

标签的嵌套

一个标签中嵌套另一个标签

标签不能瞎嵌套，以下的嵌套是错误的：

<p style="width:300px;height:300px;background:green"> <div style="width:200px;height:200px;background:blue"> word </div> </p>

浏览器渲染后显示的页面代码与编码时有所不同

Chrome浏览器提供的开发人员工具:用来帮助开发人员查看和调试页面

如何打开:

. 页面中右击------检查

. 按F12

常用工具:

. Elements 要素 从浏览器的角度查看页面，浏览器渲染页面时的结构内容

. Console 控制台，显示各种警告和错误信息

. Network 网络 查看网络的请求信息 ; 浏览器向服务器请求了哪些资源，资源的大小，加载资源花费的时间