学习HTML第三十五天

【北京迅为】iTOP-4412全能版使用手册-第三十五章 WEB控制LED 上面的代码是 C 语言,主要是完成了获取 web 提交过来的数据,然后对获得的数据解析,最后会调用 led 的 ioctl 函数来点亮关闭 led。上面输入的是 HTML 格式的代码,主要是用到了通过表单向服务器提交信息,在表单里面指定了服务器端处理接收到信息的 CGI 程序是 myled,这是在 form 表单的属性里设置的,代码是“form action=“/cgi-bin/myled.cgi” method="get”,使用的传递数据的方式是 get 方法,如下图所示。 阅读详情

一.全局属性

常用的全局属性

  1. id
    给标签指定唯一标识,注意: id 是不能重复的。
    作用:可以让 label 标签与表单控件相关联;也可以与 CSS 、 JavaScript 配合使
  2. class 给标签指定类名,随后通过 CSS 就可以给标签设置样式
  3. style 给标签设置 CSS 样式
  4. dir 内容的方向,值: ltr 、 rtl
  5. title 给标签设置一个文字提示,一般超链接和图片用得比较多
  6. lang 给标签指定语言,具体规范和可选值请参考【10. HTML 设置语言】

二…meta 元信息

  1. 配置字符编码
    <meta charset="utf-8">
  2. 针对 IE 浏览器的兼容性配置
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  3. 针对移动端的配置
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  4. 配置网页关键字
    <meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">
  5. 配置网页描述信息
    <meta name="description" content="80字以内的一段话,与网站内容相关">
  6. 针对搜索引擎爬虫配置:
    <meta name="robots" content="此处可选值见下表">
值 描述
index 允许搜索爬虫索引此页面。
noindex 要求搜索爬虫不索引此页面。
follow 允许搜索爬虫跟随此页面上的链接。
nofollow 要求搜索爬虫不跟随此页面上的链接。
all 与 index, follow 等价
none 与 noindex, nofollow 等价
noarchive 要求搜索引擎不缓存页面内容。
nocache noarchive 的替代名称
  1. 配置网页作者:
    <meta name="author" content="tony">
  2. 配置网页生成工具
    <meta name="generator" content="Visual Studio Code">
  3. 配置定义网页版权信息:
    <meta name="copyright" content="2023-2027©版权所有">
  4. 配置网页自动刷新
    <meta http-equiv="refresh" content="10;url=http://www.baidu.com">

全文完

meta元素标签的常见作用 <meta>标签用来提供有关html文档的元数据,元数据不会显示给用户看,但浏览器可以识别,同时对SEO(搜索引擎优化)起着重要作用 <meta charset="utf-8"> charset属性指定了html文档的编码格式,常用的就是utf-8(Unicode字符编码) content属性定义与namehttp-equiv属性相关的元信息,content 属性始终要和 name 属性 http-equiv 属性一起使用。 name属性 <meta name 阅读详情

相关推荐

使用crosswalk时html页面中meta 标签 theme-color的设置问题

使用crosswalk做html5 APP时发现,在android 5.0以上机器中会出现 A TaskDescription's primary color should be opaque 的错误。         引发此错误的原因是:在android 5.0+的系统中colorPrimary的颜色设置透明度不能为0,也就是说不允许设置为透明。         但是反复查找代码中的colo

hanwest的专栏 5110

【无标题】

这个有啥用1、nodejs是什么(1)之前学过java,运行java需要安装jdk环境学习的这个nodejs,是JavaScript的运行环境,用于执行JavaScript代码环境不需要浏览器,直接使用nodejs运行JavaScript代码(2)模拟服务器效果,比如tomcat第一,ui是和添加那个页面是一样的第二,要在数据库里读取讲师id,让讲师信息出现在表单里,如图第三,改修改数据库的内容,提示信息,路由跳转等(上面说过很多次了),修改讲师信息的方法如下。

hanliu2003的博客 827

使用 <meta name=“theme-color“> 自定义网页主题颜色

简介随着 Web 技术的发展,网站的用户体验变得越来越重要。一个小小的细节改进就能显著提升用户的浏览体验和对网站的好感度。今我们要介绍的是如何使用 HTML 中的 标签设置网页的主题颜色 (theme-color),这不仅可以让网站在移动设备上的浏览器标签中显示自定义的颜色,还可以增强 PWA(渐进式 Web 应用)的沉浸式体验。是一个 HTML 标签用于指定浏览器 UI 元素(如地址栏、标签页背景等)的颜色。

weixin_53008757的博客 1065

掌握CSS Flex布局:justify-content详解

justify-content 是 CSS Flex 布局中的关键属性,用于控制主轴(main axis)上子元素的对齐方式。它仅在设置了 display: flex 的容器中生效。常见的属性值包括 flex-start(左对齐)、flex-end(右对齐)、center(居中对齐)、space-between(首尾贴边,间距均匀)、space-around(每个子项两侧有相等间距)和 space-evenly(所有间距相等)。该属性适用于按钮组、导航栏等布局场景,结合 align-items 可实现更灵活

爱的叹息的专栏 2097

JavaScript 学习之旅:第三十五课 - 浏览器中的“开发者工具”

浏览器中的“开发者工具”是用于网页开发和调试的一套强大工具,它允许开发者查看和修改网页的HTML和CSS结构,调试JavaScript代码,监控网络请求,分析性能问题等。以下是一些主要的功能和用途:

caifox的博客 1449

小白学习Java第三十五

jql

sjxxxx_的博客 229

学习python 第三十五

python 动态采集 Selenium 用python写爬虫的时候,主要用的是selenium的Webdriver from bs4 import BeautifulSoup from selenium import webdriver from selenium.webdriver.common.keys import Keys #引入keys包 要想调用键盘按键操作需要引入keys包...

jerry的博客 148

网安之web攻防第三十五

1、XSS跨站-原理&攻击&分类等 2、XSS跨站-反射型&存储型&DOM型等 3、XSS跨站-攻击手法&劫持&盗取凭据等 4、XSS跨站-攻击项目&XSS平台&Beef-XSS

B_l_a_nk的博客 352

重头开始嵌入式第三十五(网页设计)

Web 网页是通过互联网访问的文档,通常由 HTML(超文本标记语言)、CSS(层叠样式表)和 JavaScript 等技术构建而成。Web 网页具有以下特点:一、内容呈现1. 多媒体展示- 可以包含文本、图像、音频、视频等多种形式的内容,为用户提供丰富的信息和娱乐体验。- 例如,新闻网页会有文字报道、图片新闻以及相关的视频报道。2. 动态更新- 网页内容可以随时更新,保持信息的时效性。新闻网站、博客等经常会发布新的文章和资讯,用户每次访问都可能看到不同的内容。

qq_64792908的博客 1381

嵌入式学习第三十五-进程间通信-HTTP

TCP/IP协议模型:应用层:HTTP;传输层:TCP UDP;网络层:IPv4 IPv6网络接口层。

m0_73820654的博客 742

前端学习笔记202306学习笔记第三十五-js-js中内置的类2

前端

qq_41632427的博客 120

第三十五

CSS三种引入方式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>三种引入方式</title> <!-- 三种: 行间式 | 内联式 | 外联式 --> <!-- <style type="text/cs...

weixin_34072159的博客 171

学习前端第三十五课】DOM的自定义属性

首先,标签的属性除了我们认识的一些系统自带的属性之外,我们也可以自定义标签的属性,我们可以在任意你需要的元素上面添加任何你想要的属性,没有限制< input type = " text " placeholder = " 请输入内容 " age = " 18 " >< input type = " text " placeholder = " 请输入内容 " age = " 18 " >

weixin_65729202的博客 1153

从0开始学前端 第三十五课:DOM遍历与修改

完成这些练习后,你将更加熟悉DOM的遍历和修改方法,这对于进行DOM操作和页面内容动态更新非常重要。属性会返回节点的子节点集合,包括元素节点、文本节点和注释节点。DOM树是由节点构成的,我们可以使用不同的属性来遍历这些节点。它需要两个参数:新节点和将被替换的旧节点。作为参数,它将进行深克隆,包括克隆节点的所有子节点;// 将根据子节点数量输出不同数字,包括文本节点。属性返回同一父节点下的紧接着的下一个节点。不传参数,它将进行浅克隆,只克隆节点本身。属性返回某个节点的父节点。

weixin_44738632的博客 1134

前端学习笔记202306学习笔记第三十五-js-js中内置的类1

前端

qq_41632427的博客 110

Vue 教程(三十五)webpack 之 HTML 插件

Vue 教程(三十五)webpack 之 HTML 插件 HtmIWebpack 插件作用: 将 index. htm 反文件打包到 dst 文件夹中,这个时候就可以使用 HtmIWebpack Plugin 插件 自动生成—个 index. htm 文件可以指定模板来生成,将打包的 s 文件,自动通过 script 标签插入到 body 中 安装 HtmIWebpack 插件 npm install html-webpack-plugin@3.2.0 --save-dev 修改【webpac

yuan_xw的专栏 425
上一篇: 学习HTML第三十四天
下一篇: 学习CSS第一天
Layue00000
博客等级 码龄2年 120粉丝 43原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值