【无标题】web前端开发:文字段落排版1

前言:各位“衰小孩”,你们好!我是一个刚入计算机的萌新,在学习的过程中,我发现了一个问题:经常忘了一些重要的知识点。于此,我决定写下我在学习的理解,既是有对自己的复习也有一点点希望能够帮到大家,如果在此过程中,有什么不对的地方,还请大家指出来,愿祝我们共同成功!

e4eaf20b005541269631419542b702ac.jpg

 

此类文章集以《web前端开发驱动式教程》这本书为主要讲解对象(因为我就是写的这本书(狗头))HTML5 语言基础讲义一 文字段落排版最开始的时候我们看到的应该是这样的↓↓↓

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>梦开始的地方</title>

</head>

<body>

</body>

</html>

       我知道你肯定很懵,正常的很,大家都懵,因为我们都是在接触新事物的过程中不断成长的。

       首先呢第一件事,要先告诉你像<html>、</head>这些类似的都是标签。那么标签是什么呢?标签(HTML5标签)是由尖括号包围的关键词。我们要怎么理解呀?我也不知道哈哈

       但是关键词我知道,相当于c语言编译器里的关键词,固定好了的。

       标签呢,笼统分为两种形式标签:单标签和双标签。如<table>......</table>为双标签,<hr>为单标签。标签有很多,但本质上都是为了带来有效的改变。

       接着说回上面第一个通用网页格式。我来逐步解析。First <!doctype>标签必须位于文档最开始的位置,用于向浏览器(brower)说明你请求的这个网页是什么规范的HTML文档。浏览器会通过以doctype声明判断该网页是否有效,并解析。

704f61989ed843fe8ae63fac97544158.jpg

 

        为什么要doctype声明?

   确保兼容性 通过明确的doctype,可以帮助浏览器更准确的渲染网页,提高页面兼容性和稳定性。如果没有声明,可能会导致网页在某些浏览器中无法显示。

   触发标准模式 使用这个可以触发brower(浏览器)以标准兼容模式来显示页面,这通常会带来更好的用户体验和更高的性能。

    避免怪异模式 如果没有进行这个doctype声明,浏览器可能会进入所谓的“怪异模式”,在这种模式下,网页可能会按照非标准的方式渲染,导致影响网页外观和功能。

    **css的两种模式:标准模式(strict mode)和怪异模式(quirks mode)。标准模式按W3C(万维网联盟)的标准来解析执行代码,而怪异模式则是根据使用的浏览器本身的规则,按照浏览器自己的方式解析执行代码。

        浏览器解析时使用标准模式还是怪异模式就是看有没有进行DTD声明【在早期的版本中doctype声明需要引用DTD声明(文档类型声明),现在HTML5不基于SGML(标准通用标记语言),因此不再需要额外建立文件夹引用DTD,所以现在我们可以直接看作有没有进行doctype申明来判断】***DTD(Document Type) 分为外部DTD和内部DTD。具体是什么东西,可以自行研究。

Second<html>标签,位于<!doctype>标签之后,声明文档类型,也就是像.docx、.pptx之类的类型形式,它标志着HTML文档的开始与结束。

379af356a0ce47119f5974618e6f6c70.jpg

 

          <html>标签的作用主要有以下几个方面:

    1.定义文档类型 如上所述。

    2.包裹整个HTML文档:<html>标签包含了整个HTML文档的内容,包括文档头部和文档主体。它是HTML文档的顶级容器,其他所有的HTML元素都是它的子元素(父亲跟儿子的关系)。

    3.设置文档的语言:<html>标签的lang属性可以用来指定文档的语言。这对于多语言网站很重要,因为它可以帮助搜索引擎和屏幕阅读器等工具正确地处理文本内容。

    4.定义文档的元信息(不用管):<html>标签内部的<head>标签用于定义文档的头部信息,比如设置文档的标题、引入外部样式表和脚本文件、指定文档的字符编码等。头部信息对于搜索引擎优化和网页性能优化非常重要。      5.定义文档的结构(不用管):<html>标签内部的<body>标签用于定义文档的主体内容,包括网页中显示的文本、图片、链接等。

475a2967282a45adb398b249de685543.jpg

 

 @@@@未完待续、、、、、、

                                           To be continue......

>>>在我们追求一些向往的东西的时候,不断的努力争取,这是成长了。当我们舍弃了一些我们不愿割舍的东西时,这是成熟了。

                                        ——《火影忍者》

  • 32
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值