HTML学习笔记（一）

最新推荐文章于 2023-02-04 20:54:59 发布

Rainly1

最新推荐文章于 2023-02-04 20:54:59 发布

阅读量154

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/Rainly1/article/details/97826543

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1、contentEditable

html5为大部分html元素添加了contentEditable属性如果该属性设为true将允许开发者直接编辑里面的内容
看个例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table border="1" cellspacing="0"  style="border-collapse:collapse" name="table_list" contenteditable="true" >
        <caption><p>课程表</p></caption>
        <tr>
            <th></th>
            <th align="center">周一</th>
            <th>周二</th>
            <th>周三</th>
            <th>周四</th>
            <th>周五</th>
            <th>周六</th>
            <th>周日</th>
        </tr>
        <tr>

            <td>第一节</td>
            <td>大四自习</td>
            <td>大四自习</td>
            <td>上课</td>
            <td>上课</td>
            <td>大四自习</td>
            <td rowspan="12">休息</td>
            <td>上课</td>
        </tr>
        <tr>
            <td>第二节</td>
            <td>大四自习</td>
            <td>大四自习</td>
            <td>上课</td>
            <td>上课</td>
            <td>大四自习</td>
            <td>上课</td>
        </tr>
    </table>
</body>
</html>

此表格将会变为可编辑状态 qq的在线编辑文档就是以此为底层封装对象
还提供了isContentEditable属性是否可编辑状态

2、HTML5头部和元信息

srcipt：该元素用于包含javascript脚本
nosrcipt：用于禁用了javascript脚本或不支持的浏览器显示提示信息
style：用于定义css样式
link:链接图标
title：用于定义文档标题
base定义该链接中所有链接的基准路径
meta：定于html页面元数据
2.1、link元素
href：指定链接资源的url
hreflang：链接资源的语言
media：链接资源用那些设备
rel：文档与链接的关系
sizes：指定图标大小只有rel是icon时才起作用
type：指定链接的MIME类型

例如：link元素载入css样式
<link href="out.css" rel = "stylesheet" type="text/css"/>
定义页面图标
<link href="java.ico" rel = "shortcut icom" type="text/css"/>

2.2、base元素
href：所有链接的基准路径
target：超链接默认那个窗口执行

<base target="_blank" href="http://www.crazyit.org"/>
<a href="index.php">asda</a>

显示的url为http://www.crazyit.org/index.php

2.3、 meta元素
http-equiv：指定元信息的名称，该属性制定的名称有特殊意义
name：元属性名称，该名称值任意
content：指定元属性值
charset：指定该界面字符集

网页指定有效的关键字有利于搜索引擎收录本站点

http-equiv：指定的值
expires：网页过期时间，一旦过期需要重新下载
在这里插入图片描述

Rainly1

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记（一）

1、contentEditablehtml5为大部分html元素添加了contentEditable属性如果该属性设为true将允许开发者直接编辑里面的内容看个例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl...
复制链接

扫一扫

专栏目录