• html的常用标签详解1


    1、<!DOCTYPE html>

    文档声明,不算是标签,但是它可是不能少。这玩意是干什么用的呢?

    它是向浏览器自报家门的,即告诉浏览器的解析器应该以什么样的文档类型定义(DTD)来解析它。

    这是h5的文档声明,还有其他的,html4,xml,xhtml等

    2、<head></head>

    头标签:告诉浏览器相关信息的

    3、<body></body>

    body标签:展示信息给用户的

    4、head标签中的标签

    <style></style>样式标签

    <meta />浏览器基础信息

    例:<meta charset = "utf-8" />

    网页名标签

    <titile></titile>

    网页基础设置

    <base />

    例:<base target = "_blank" />

    <link href = "" />

    5、body中的标签

    <script src="" ></script>

    <script></script>

    <h1></h1>到<h6></h6>

      注意:<h1></h1>标签不要随便烂用

    <p></p>文本段落标签

    <hr />分隔线标签

    <br />换行标签

    <div></div>无语意块标签

    <span></span>无语意行内标签(可以放文字、图片、表单元素)

    -------------------------------------------------------------------------------------

    1》加粗标签

    <b></b>无语意加粗

    <strong></strong>强调加粗

    2》倾斜

    <i></i>无语意倾斜(目前会用于小图标或者自定义的文本)

    <em></em>强调倾斜

    3》删除(一般不用)

    <s></s>

    <del></del>

    4》下划线(一般不用)

    <u></u>

    <ins></ins>

    知识扩展:(

    1、html4.1规定了3种DTD:strict,transitional,frameset

    strict:严格文档类型,干净的标记,免于表现层的混乱。

      <!doctype html public "-/w3c/dtd html 4.01/en" "http://www.w3.org/tr/html4/strict.dtd"> 

    traditional:传统文档类型,不支持层叠样式表(CSS)的浏览器以至于不得不使用 HTML 的呈现特性时使用。

      <!doctype html public "-/w3c/dtd html 4.01 transitional/en" "http://www.w3.org/tr/html4/loose.dtd"> 

    framset:框架文档类型,应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD。

      <!doctype html public "-/w3c/dtd html 4.01 frameset/en" "http://www.w3.org/tr/html4/frameset.dtd">

    2、由于HTML5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为,而HTML4.01基于SGML,所以需要对DTD进行引用。

    3、文档声明的重要性:会对文档进行怪异模式解析

    浏览器对页面的渲染(对css的解析)分为两种模式:标准模式和怪异模式

    所谓的标准模式是指,浏览器按W3C标准解析执行代码;

    怪异模式则是使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以我们称之为怪异模式。

  • 相关阅读:
    Spring 框架学些(二)Spring AOP
    Spring框架学习(一)
    java spring框架的HelloWord
    Windows下查看进程执行参数
    js的code标签显示插件
    初接触hbase数据库
    gpg加密使用
    .net core全球化配置、使用
    CSS添加本地字体
    2011年NOIP普及组复赛题解
  • 原文地址:https://www.cnblogs.com/dhrwawa/p/10416229.html
Copyright © 2020-2023  润新知