文档基本结构标签的作用

页面文档的基本结构可以分为四层关系,其中涉及5个重要的结构性标签来构成一个页面:
样本代码
开始标签
头标签和头标签的对象:有六个特殊标签可以放在头标签中使用
标题标签
主体标签

 

头标签和头标签的对象:
六个标签为<title>,<meta>,<link>,<base>,<style>,<script>


<meta>: 辅助性标签,有两个重要的属性:name和http-equiv,通常用于优化页面的搜索可能
(大多数网页之中骑士<meta>的意义不大,就很多拿来定义版权信息而已)

<head>
<meta name="keywords" content="nine,twenty-three">//搜索引擎的关键字说明
<meta name="description" content="…">//向搜索引擎描述主要内容
<meta name="generator" content="…">//向页面描述生成的软件名
<meta name="author" content="…">//向页面说明设计者姓名
<meta name="robots" content="all">//向页面说明限制搜索的方式
</head>
Http-equiv则是反馈给浏览器一些明确的信息。用来帮助浏览器更精确地展示页面。
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>告诉浏览器该页面所用的字符集是gb2312


<link>标签定义一个外部文件的链接,经常用于链接外部CSS
常用写法:<link rel="stylesheet" href="css/bootstrap.min.css"/>

rel属性规定当前文档与被链接文档的关系,stylesheet一般就是css

href定义被链接文档的位置


<base>标签为了整个页面定义所有链接的基础定位,其主要作用是为了确保文档中所有的相对URL都可以被分解成正确的文档地址,使文档本身被移动或重命名的情况下也可以正确解析。


<style>标签是定义CSS的样式的。


<script>标签是用来定义页面内的脚本的,如页面常用的脚本语言JavaScript


<title>标签是页面的标题

 

标签的三个规则:
1.开始标签起头,一定要有对应的结束标签收尾
2.标签中的属性值要放在引号之内:<textarea name="textarea" rows="3">
3.对一个文本使用多个标签时必须按照嵌套的原则

转载于:https://www.cnblogs.com/wangshen31/p/7911411.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/428515.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql jdbc字符编码_java中jdbc/sql出现编码问题

com.mysql.jdbc.exceptions.MySQLSyntaxErrorException: Unknown column ?????“??? in field listat com.mysql.jdbc.SQLError.createSQLException(SQLError.java:936)at com.mysql.jdbc.MysqlIO.checkErrorPacket(MysqlIO.java:2985)at com.mysql.jdbc.MysqlIO.sendC…

BZOJ 1878 HH的项链 | 主席树

题意 询问区间有多少不同的数。 题解 和Luogu 1903一样&#xff0c;这道题也是用pre数组来求区间不同数的个数&#xff0c;这里pre[i]表示a[i]上一次出现的位置 &#xff11;&#xff0c;询问相当于查询区间内有多少pre小于等于左端点。 #include <cstdio> #include <…

python opencv 边缘检测_Python使用Opencv实现边缘检测以及轮廓检测的实现

边缘检测Canny边缘检测器是一种被广泛使用的算法&#xff0c;并被认为是边缘检测最优的算法&#xff0c;该方法使用了比高斯差分算法更复杂的技巧&#xff0c;如多向灰度梯度和滞后阈值化。Canny边缘检测器算法基本步骤&#xff1a;平滑图像&#xff1a;通过使用合适的模糊半径…

web程序入门五(http无状态)

Asp.net中的状态保持方案&#xff1a; ViewState&#xff1a;是donet特有的 微软提供的对象来完成状态保持 ViewState["key1"] 11; 赋值 键值对 形式 object类型 ViewState["key1"] 直接取值&#xff0c;将其转化成相应的类型 原理&#xff1a;本质…

排序算法之冒泡排序

注意第一个for循环i的范围是[1,sz - 1]; 第二个for循环的范围是[0,sz - i]; 因为是j 1<n,所以j < n - 1&#xff0c;所以i最小从1开始。 #include<iostream> #include<vector> using namespace std;void bubblesort(vector<int> &vec) {int sz ve…

vscode里面如何配置库_VS Code配置链接库文件

配置VS code在C语言中调用gsl库文件先确认gsl库&#xff0c;gcc都已正确安装&#xff0c;命令行g -L/usr/local/lib hello.c -o hello -lgsl -lgslcblas -lm没有错误则可以配置VS codetasks.json要配置args字段launch.json要配置environment字段c_cpp_properties.json要配置inc…

支付宝app支付java后台流程、原理分析(含nei wang chuan tou)

java版支付宝app支付流程及原理分析 本实例是基于springmvc框架编写 一、流程步骤 1.执行流程 当手机端app(就是你公司开发的app)在支付页面时&#xff0c;调起服务端(后台第1个创建订单接口)接口&#xff0c;后台把需要调起支付宝支付的参数返回给手机端…

python实现决策树数据直接赋值导入_决策树在python中的数据实现

我为python决策树算法实现完成了以下代码&#xff1a;from csv import readerdef load_csv(filename):file open(filename, "rb")lines reader(file)dataset list(lines)return dataset# Split a dataset based on an attribute and an attribute valuedef test_s…

互评Beta版本(Hello World!——SkyHunter)

1 基于NABCD评论作品&#xff0c;及改进建议 SkyHunter这款游戏我很喜欢&#xff0c;小时候总玩飞机类的游戏&#xff0c;这款游戏我上课的时候试玩了&#xff0c;在我电脑上运行是很好玩的&#xff0c;音乐震撼&#xff0c;画面玄幻&#xff0c;富有金属音乐的味道&#xff0c…

time是python的标准库吗_python3关于date和time的标准库

python3中关于日期和时间的标准库datetime和time&#xff0c;之前都是用的时候随用随查&#xff0c;今天系统的看一下用这两个库可以做些什么。1、time标准库#首先添加一个time对象&#xff0c;看一下该对象的属性和方法>>> import time,datetime>>> a time…

unshift() 方法将一个或多个元素添加到数组的开头,并返回新数组的长度

var arr [1, 2];arr.unshift(0); //result of call is 3, the new array length //arr is [0, 1, 2]arr.unshift(-2, -1); // 5 //arr is [-2, -1, 0, 1, 2]arr.unshift( [-3] ); //arr is [[-3], -2, -1, 0, 1, 2]语法 arr.unshift(element1, ..., elementN)参数列表 elemen…

acctype mysql assoc_DedeCMS V5.3二次开发经验分享

DedeCMS V5.3二次开发经验分享写在前面,DedeCMS系统的模板是非固定的&#xff0c;用户可以在新建栏目时可以自行选择栏目模板&#xff0c;官方仅提供最基本的默认模板&#xff0c;即是内置系统模型的各个模板&#xff0c;由于DedeCMS支持自定义频道模型&#xff0c;用户自定义新…

markdown基础语法整理

标题级别(一共六级) &#xff08;建议在#后加一个空格比较标准&#xff09; 通过在文字下方添加“”和“-”&#xff0c;他们分别表示一级标题和二级标题。在文字开头加上 “#”&#xff0c;通过“#”数量表示几级标题。&#xff08;共1~6级标题&#xff0c;级别越小字体越大&a…

mysql connector配置_mysql connector odbc配置注意事项

官方下载&#xff1a;http://dev.mysql.com/downloads/connector/odbc/有64位和32位版本&#xff0c;要根据自己的office版本是32还是64的安装1、版本匹配问题&#xff1a;[Microsoft][ODBC 驱动程序管理器] 在指定的 DSN 中&#xff0c;驱动程序和应用程序之间的体系结构不匹配…

安卓源码下载

SetupSecurityPortingTuningCompatibilityReference转到源代码SetupGetting StartedDownloading and Building RequirementsEstablishing a Build EnvironmentDownloading the SourcePreparing to BuildCompiling with JackUsing Reference BoardsRunning BuildsBuilding Kerne…

mysql 创建查询 删除_MYSQL数据库查询删除创建企业基本知识

数据查询语言(DQL)从表中获取数据select where (位置) order by(排序) group by haveby查询用户&#xff1a;select user,host,password from mysql.user;select user,host,password from mysql.usser order by(排序) 参数 (如user)asc(升序)select user,host&#xff0…

mysql 端口time_wait_linux上大量tcp端口处于TIME_WAIT的问题

最近发现在连接监控数据库的时候偶尔会连不上&#xff0c;报错&#xff1a;Couldnt connect to host:3306/tcp: IO::Socket::INET: connect: Cannot assign requested address查看了一下发现系统中存在大量处于TIME_WAIT状态的tcp端口$netstat -n | awk /^tcp/ {S[$NF]} END {f…

mysql常用命令英文词汇_MySQL中文全文索引插件 mysqlcft 1.0.0 安装使用文档

MySQL在高并发连接、数据库记录数较多的情况下&#xff0c;SELECT ... WHERE ... LIKE %...%的全文搜索方式不仅效率差&#xff0c;而且以通配符%和_开头作查询时&#xff0c;使用不到索引&#xff0c;需要全表扫描&#xff0c;对数据库的压力也很大。MySQL针对这一问题提供了一…

SDN第二次作业

1、为什么需要SDN&#xff1f;SDN特点&#xff1f; 需要SDN的原因主要是&#xff1a;随着网络规模的不断扩大,封闭的网络设备内置了过多的复杂协议,增加了运营商定制优化网络的难度,科研人员无法在真实环境中规模部署新协议.同时,互联网流量的快速增长(预计到2018年,全球流量将…

mysql数据库sysdate_MySql数据库知识点复习

文章目录1. MySql数据类型1.1 数值类型1.2 字符串类型1.3 日期类型2.表记录的操作2.1 字段约束2.2 drop、delete、truncate之间的区别&#xff1f;3. MySql常见的函数4. 外键和表关系4.1 外键介绍4.2 添加外键4.3 表关系4.4 关联查询、外连接查询1. MySql数据类型1.1 数值类型M…