html meat 设置640,HTML <meta> 设置

背景

今天再看一个html页面源码的时候,发现head标签内部有很多标签,特此记录梳理一下。

标签作用

标签是HTML网页源代码中的一个重要的html标签,meta 标签用来描述一额 HTML 网页文档的属性,例如作者、日期和时间、关键词、页面刷新。除此之外, 标签用于搜索引擎优化(SEO)。它位于 HTML 文档中

元素内,虽然它提供的信息用户不可见,但他却是文档最基本的元信息。

标签的属性列举

标签中的属性我们分为必选的属性和可选的属性。

1.必选属性:content属性。该属性是为了定义与 http-equiv 或者 name 属性相关的元信息,其中的内容是为了便于搜索机器人查找信息和分类使用的。

2.可选属性:

name属性。该属性主要用于描述网页。name 属性的值可以有:author、description、keywords、generator等等。

http-equiv属性。该属性相当于 http 的头文件作用,可以向浏览器返回一些有用的信息,以帮助正确和精确的显示内容。http-equiv 属性的值可以有 content-type、expires、refresh等等。

实例

告知浏览器此页面属于什么字符编码格式

2.

format-detection——格式检测,用来检测html里的一些格式,主要与以下几个设置:

telephone——主要作用是是否设置自动将你的数字转化为拨号链接;

email——告诉设备不识别邮箱,点击之后不发送

address——是否开启点击地址直接跳转地图的功能,默认开启。

以上代码告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。

以上代码告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面

4.

由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库。

尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下,我们仍然无法达到百份百正确。因此,我们新增加了一个控制手段:内核控制Meta标签。只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染,哪么360浏览器就会在读取到这个标签后,立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。

好的,以下是一个简单的使用 Thymeleaf 模板引擎实现的买菜页面: ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>买菜页面</title> </head> <body> <h1>欢迎来到买菜页面</h1> <form action="#" method="post"> <p>请选择你要购买的蔬菜:</p> <label><input type="checkbox" name="vegetables" value="tomato" th:checked="${selectedVegetables.contains('tomato')}"/> 番茄</label><br/> <label><input type="checkbox" name="vegetables" value="cucumber" th:checked="${selectedVegetables.contains('cucumber')}"/> 黄瓜</label><br/> <label><input type="checkbox" name="vegetables" value="carrot" th:checked="${selectedVegetables.contains('carrot')}"/> 胡萝卜</label><br/> <p>请选择你要购买的水果:</p> <label><input type="checkbox" name="fruits" value="apple" th:checked="${selectedFruits.contains('apple')}"/> 苹果</label><br/> <label><input type="checkbox" name="fruits" value="banana" th:checked="${selectedFruits.contains('banana')}"/> 香蕉</label><br/> <label><input type="checkbox" name="fruits" value="orange" th:checked="${selectedFruits.contains('orange')}"/> 橙子</label><br/> <p>请选择你要购买的肉类:</p> <label><input type="radio" name="meat" value="pork" th:checked="${selectedMeat == 'pork'}"/> 猪肉</label><br/> <label><input type="radio" name="meat" value="beef" th:checked="${selectedMeat == 'beef'}"/> 牛肉</label><br/> <label><input type="radio" name="meat" value="chicken" th:checked="${selectedMeat == 'chicken'}"/> 鸡肉</label><br/> <br/> <input type="submit" value="提交"/> </form> </body> </html> ``` 在这个页面中,我们使用 Thymeleaf 的语法来循环输出蔬菜、水果和肉类的选择框,并且根据后端传递的数据来设置这些选择框的选中状态。同时,我们还使用 Thymeleaf 来显示用户选中的蔬菜、水果和肉类,以及在表单提交后将用户选择的数据传递给后端处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值