非零基础自学前端最后一遍一 HTML+CSS 2 HTML常见的元素 2.14 常见的全局属性(共同)

╰半夏微凉° 2024-03-25 09:23 57阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  一 HTML+CSS
         *  2 HTML常见的元素
         *   *  2.14 常见的全局属性(共同)

![在这里插入图片描述][0a10a5ae50be4aac915b0434c7c86a70.png_pic_center]

#### 一 HTML+CSS ####

#### 2 HTML常见的元素 ####

##### 2.14 常见的全局属性(共同) #####

*  我们发现某些属性只能设置在特定的元素中：
    
     *  比如img元素的src、a元素的href；
 *  也有一些属性是所有HTML都可以设置和拥有的，这样的属性我们称之为 “全局属性（Global Attributes）”
    
     *  全局属性有很多：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global\_attributes
        
        ![在这里插入图片描述][5f158195d79f4bc7b4ecff5c4a1096eb.png_pic_center]
 *  常见的全局属性如下：
    
     *  id：定义唯一标识符（ID），该标识符在整个文档中必须是唯一的。其目的是在链接（使用片段标识符），脚本或样 式（使用 CSS）时标识元素。
     *  class：一个以空格分隔的元素的类名（classes ）列表，它允许 CSS 和 Javascript 通过类选择器或者DOM方法来选 择和访问特定的元素；
     *  style：给元素添加内联样式；
     *  title：包含表示与其所属元素相关信息的文本。 这些信息通常可以作为提示呈现给用户，但不是必须的。

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    <body>
    
    
      <p title="coderwhy">我是段落</p>
    
    </body>
    </html>

![在这里插入图片描述][803426044af2403f8536514c0dff66de.png_pic_center]

![在这里插入图片描述][7771942688e94b029b75b34061b5164b.png_pic_center]

[0a10a5ae50be4aac915b0434c7c86a70.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/0cf6f105941541d59a3463d1bb7f1111.png
[5f158195d79f4bc7b4ecff5c4a1096eb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/391c9b79051045b8915cfd93f075651b.png
[803426044af2403f8536514c0dff66de.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/6532e84acd124731ac6bf5b59de6009b.png
[7771942688e94b029b75b34061b5164b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/fde80576e2894b6396ff737f303c6ae5.png