HTML网页元素

网页元素

注释

注释为代码的阅读者提供帮助,注释不参与运行

在HTML中,注释使用如下格式书写:

<!--注释内容 -->

元素

其他叫法:标签、标记

<a href="http://www.duyiedu.com">渡一教育</a>

官方叫法 :element (元素)

元素 = 起始标记(begin tag) + 元素属性 + 元素内容 + 结束标记 (end tag)

属性 = 属性名 + 属性值

属性的分类:

  • 局部属性:某些元素有的属性 herf
  • 全局属性:所有元素通用 title
<meta charset="UTF-8">

有些元素没有结束标记,这样的元素叫做:空元素

空元素的两种写法:

  1. <meta charset="UTF-8">
  2. <meta charset="UTF-8" />" / ":闭合标记,可以省略,但XML不可以

元素的嵌套

元素不能相互嵌套
例如:

    <div>  
        <p>  
        </div> 
    </p>        

父元素、子元素、祖先元素、后代元素、兄弟元素(拥有同一个父元素的两个元素)

标准的文档结构

HTML: 页面、HTML文档

<!DOCTYPE html>

文档声明,告诉浏览器,当前文档使用的HTML标准是HTML5.

不写文档声明,讲到时浏览器进入怪异渲染模式。

<html lang="en">
</html>    

根元素,一个页面最多只能一个,并且该元素是所有其他元素的父元素或祖先元素。

HTML5版本没有要求书写该元素。

lang属性:language,全局属性,表示该元素内部使用的文字使用哪一种自然语言(汉语还是英语)书写而成的。

lang=“zh-CN” 已经过时,而取代它的是 lang= “cmn-hans” (意识是中国大陆官方用语;即:普通话)

<head>

</head>

文档头,文档头内部的内容,不会显示到页面上。

<meta>

文档的元数据:附加信息。

charset:指定网页编码。

计算机中,低压电(0~2 V)0,高压电(2~5 V)1,表示2,使用10

计算机中,只能存储数字

文字和数字进行对应

比如:a —— 97,A —— 64

该字典叫做字符编码表,GB2312,GBK

UTF-8 是 Unicode 编码的一个版本 (万国码)。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

表示的是网页的视口,把视口的宽度设置为设备宽度

<meta http-equiv="X-UA-Compatible" content="ie=edge">

表示解决IE浏览器的兼容性问题

<title>Document</title>

表示:网页的标题

<body><body>

表示:文档体,页面上所有要参与显示的元素,都应该放置到文档体中。

IE浏览器的兼容性问题

<title>Document</title>

表示:网页的标题

<body><body>

表示:文档体,页面上所有要参与显示的元素,都应该放置到文档体中。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章