网页设计标签

肇庆学院青年网一元素的语义分类1结构语义元素语义分隔在文档中定义一块区域即包含框认为它是一个容器语义范围在文本行中定义一个区域即包含框语义排序列表根据一定的排序进行列表语义不排序列表没有排序的列表语义列表项目每条列表项语义定义列表以定义的方式进行列表语义定义术语定义列表中的词条语义定义描述对定义的词条进行解释语义删除的文本定义删除的文本语义插入的文本定义插入的文本语义标题到标题定义不同级别的标题语义段落定义段落结构语义水平尺定义水平线2内容语义元素语义定义锚锚即定位的意思换句话说就是超链接即在多页间定位语义缩写词定义缩写词语义取首字母的缩写词定义取首字母的缩写词语义地址定义地址语义定义定义条目语义键盘文本定义键盘键语义示例定义样本语义变量定义变量语义打印机文本定义打印机字体肇庆学院青年网语义源代码定义计算机源代码语义预定义格式文本定义预定义格式文本保留源代码格式语义区块引用语定义大块内容引用语义引用定义引文语义引用语引用短语语义加重文本定义重要文本语义加重文本定义文本为重要3修饰语义元素语义粗体文本定义粗体语义斜体文本定义斜体语义大文本定义文本增大语义小文本定义文本变小语义上标文本定义文本上标语义下标文本定义文本下标语义文本显示方向定义文本显示方向语义换行定义换行语义居中文本定义文本居中语义字体定义文字的样式大小和颜色语义下划线文本定义文本下划线语义删除文本线定义删除线语义删除文本线定义删除线二属性的语义分类1核心语义属性语义类定义类规则或样式规则语义身份定义元素的唯一标识语义样式定义元素的样式声明但是下面这些元素不拥有核心语义属性肇庆学院青年网文档和头部基本结构网页标题网页基准信息网页元信息元素参数信息网页的脚本和样式2语言语义属性语义语言定义元素的语言代码或编码语义方向定义文本的方向包括和取值分别表示从左向右和从右向左下面这些元素不拥有语言语义属性网页框架结构换行标识结构装饰线网页基准信息元素参数信息网页的脚本3键盘语义属性语义访问键定义访问某元素的键盘快捷键语义键索引定义元素的键索引编号使用属性可以使用快捷键字母访问指定但是浏览器支持不是很好在中仅激活超链接需要配合键确定而在中没有反应例如按住键单击键可以链接到样吧首页4内容语义属性语义替换文本定义元素的替换文本语义标题定义元素的提示文本语义长文描述定义元素包含内容的大段描述信息语义引用定义元素包含内容的引用信息肇庆学院青年网语义日期和时间定义元素包含内容的日期和时间5其他语义属性语义关联定义当前页面与其他页面的关系语义反向链接定义其他页面与当前页面之间的链接关系提及属性很多人把它当作的替代属性实际上它们是不同性质的属性和属性相对应它们的语义比较如下表示从源文档到目标文档的关系表示从目标文档到源文档的关系三列表信息的语义结构1认识列表结构无序列表有序列表列表项目定义列表定义列表标题定义列表说明菜单列表目录列表2使用普通列表结构普通列表元素包括和从语义角度来分析实际上和没有什么区别只不过是形式不同罢了即项目符号的显示效果不同而已如果使用你完全把它们混用是短语的缩写可以翻译为不排序列表从形式上看也就是项目符号不是有序符号如等是短语的缩写可以翻译为排序列表是短语的缩写表示列表项该元素必须包含在元素中3使用定义列表结构有序列表和无序列表和的父子搭配结构不同定义列表包含了个元素和这也为设计师构建复杂的信息结构提供了想像的空间如果随意浏览一下国外的专业站点你都会发现很多配合使用这三个元素的精巧结构肇庆学院青年网是短语的缩写直译为定义列表相当于列表包含框是短语的缩写直译为定义条目相当于词典中被解释的词汇是短语的缩写直译为定义描述它相当于词典中解释内容4使用定义列表的误区误用一把定义列表看作是栏目的模板结构也就是说在定义列表中一个元素下面跟随这个多个元素误用一一个和多个栏目标题项目项目项目项目误用二缺失或元素也就是说把定义列表当作普通列表来使用误用二或缺失项目项目项目项目四数据表格的语义化结构1认识数据表的结构语义表语义表格行语义表格数据单元2使用表格元素语义表头列标题元素肇庆学院青年网语义表格标题数据表格的标题元素语义表格摘要元素的属性定义数据表格的摘要3数据分组语义表格头在数据表中定义头部区域语义表格主体在数据表中定义主体区域语义表格脚在数据表中定义脚部区域数据列分组语义表格列在数据表中定义列区域语义数据列组在数据表中定义数据列组五表单的语义化基本结构1认识表单的结构一个功能完整的表单块应该包含三部分结构包含框输入框和提交按钮例如在上面示例代码的基础上我们完善这个表单结构表单包含框输入框提交提交按钮2认识表单元素语义形状定义表单语义文本区域定义输入域语义文本区域定义输入区域语义可选择的列表定义下拉菜单或列表框语义选项定义下拉选项或列表选项语义发送按钮定义表单的发送按钮语义选项组定义下拉选项组语义标签定义表单的控制标签语义域组定义表单的字段域或称字段集语义图例定义字段域的标题肇庆学院青年网语义索引定义简单的输入框所有表单元素都包含两个基本的属性该属性定义了表单对象的控制句柄后台服务器能够利用该属性值来读取其中的数据或者控制该对象除了按钮之后其他表单对象都必须设置属性设置属性可以根据对应表单对象的包含的内容来确定该属性定义了表单对象的编码前台客户端脚本能够利用该属性控制该对象的动态表现一般可以为表单对象的和属性设置相同的属性值3form元素是表单的包含框任何其他表单域都必须包含其中另外元素也可以说是表单数据的前端处理器因为它负责数据的收集打包和发送掌握元素的关键是要理解它所包含的几个核心属性是包装类型的简称该属性将设置表单中用户输入的数据发送到服务器时浏览器使用的编码类型属性用来设置表单提交数据的目标文件该文件一般可以是任意位置和任何类型的文件属性是元素的另一个重要属性直译为方法的意思它表示处理表单数据的方法属性主要包括两种方法和在数据传输过程中分别对应协议中的和方法4input元素直译为输入的意思元素可以定义多种形式的输入框用来接收用户输入的数据输入框的形式主要通过属性来决定定义单行文本框定义密码域定义隐藏域定义复选框定义单选按钮定义文件域定义提交按钮定义图像按钮定义普通按钮5textarea和select元素元素用来设置文本区域也就是所谓的多行文本框当需要用户输入大量数据时使用元素是最佳选择肇庆学院青年网和分别设置文本区域的字符宽度和行数属性定义用户输入内容大于文本域宽度时的显示方式元素用来定义下拉菜单或列表框元素必须与元素配合使用使用元素定义每个选项的信息包括显示的值和要传递的值六元素的显示类型1块状元素网页框架基本结构块表单结构块布局结构块段落结构块标题结构块表结构块表格列结构块居中结构块预定义结构块引用结构块特定信息结构块结构装饰线交互提示框网页标题框2行内元素行内包含框超链接和映射包含框图像包含框格式化信息包含框单对象包含框可执行的插件或对象包含框表格标题包含框肇庆学院青年网无脚本包含框3其他元素头部区域隐藏元素头部包含框基础默认基础字体属性链接元信息脚本样式行内块状元素输入框下拉项分组下拉项列表项元素列表项结构内隐藏元素图像映射包含框参数换行表格系列类型元素表格框显示表格行显示单元格显示表格标题显示表格行组显示表格脚注组显示表格标题组显示肇庆学院青年网七附录在文档中使用的创建链接的最基本的元素它可以用于创建源锚也成为标记锚元素用于定义链接或目的锚它的开始和结束标记不可以缺省此属性用于给目的锚命名以便其他的链接指向该锚此属性用于定义一个指向资源的此属性用于定义链接所指向的文档的基准语言信息仅当设置了属性时此属性才有效此属性用于定义元素中文本的类型此属性用于定义由属性所指定的文档的关系它的值是由空格分开的链接类型列表此属性用于定义由属性所指定的锚与当前文档的反向链接关系它的值是由空格分开的链接类型的列表此属性用于定义链接指向的文档的字符编码方式可以用在文件的开头部分即与之间的位置将影响全文字句是一个空标记用以改变字体显示的默认值定义文档的基准路径它是一个空元素只有开始标记没有结束标记可用属性包括和此属性用于定义文档的基准路径它的值是一个绝对的可用值背景音乐如音乐的路径播放的次数至称主体如设定文字颜色设定一般文字链接颜色设定刚按下时文本链接颜色设定链接后的颜色被按过设定背景图片或格式皆可可以是绝对路径或相对路径设定背景颜色当已设定背景图片时会失去作用除非图片有透明部分设定整份文件显示画面的左方边沿空间半径为像素只适用设定整份文件显示画面的上方边沿空间半径为像素只适用固定背景图片当卷动文字时图片不会跟随卷动只适用为表格标识一个标题列如在表格上加上一没格线的打通列当然也可置于下方通常用于存放该表格的标题如表格内字画的摆放位置可用指定表格内字画的摆放位置垂直可用指定肇庆学院青年网字体颜色代码如路径宽度高度由至称为头部整份文件处于与标记之间只可出现在开头部分所标识的是文件的标题水平线如设定线条摆放位置可选择右边居中左边设定线条厚度以像素作单位默认为设定线条长度可以是绝对值以像素作单位或相对值默认为字体颜色设定线条为平面显示若删除则具阴影或立体默认为图形标记如指定图片的相对或绝对路径图片宽度图片高度设定图片边沿空白是设定图片左右空间设定图片边沿空白是设定图片上下空间图片边框厚度调整图片旁边文字的位置可选择或默认为用以锚述该图形的文字设定先显示低解像图片若所加入的是一张很大的图片下载时间长这张低解像图片会先被显示种类有如可选择名称默认值若不填写文字盒是空白可选择文字盒的长度此一单行文字盒可输入字数的上限本身亦受的影响如设定文字的字形建议不要使用内建字体以外的字形设定文字大小其值可以是绝对或相对不受影响默认为表单标记如肇庆学院青年网指明该程序的位置选择传递程序的方式可选和允许传送大量的资料只接受低于的资料框架标记用以声明文件为框架模式并设定视窗如何分割如横向切割将画面上下分开垂直切割画面接受整数值百分数则代表占用余下空间数值的个数代表分成的视窗数目且以逗号分隔如表示可以切割成个视窗第一个视窗是的宽度为一绝对分割第二个视窗是当分割完第一及第三个视窗后剩下的空间第三个视窗则占据整个画面的宽度为相对分割设定框架的边距其值有和表示不要边框表示要显示边框表示框架与框架间的保留空白的距离设定框架的边框厚度以像素为单位设定框架的边框颜色设定某一框架内的参数属性如设定这个框架的名称这样才能指定框架来进行链接必须有任意命名显示的页面表示框架宽度部分边缘所保留的空间表示框架高度部分边缘所保留的空间设定是否要显示卷轴表示要显示卷轴表示无论如何都不要显示是视情况显示设定框架的边框其值有和表示不要边框表示要显示边框表示框架与框架间的保留空白的距离设定不允许使用者改变这个框架的大小若没有设定此参数使用者可以随意地拉动边框改变其大小设定框架的边框颜色用于标识清单选项只适用于非顺序清单设定符号样式其值有种如符号是当前时的列项符号符号是当前时的列项符号符号是当前时的列项符号只适用于顺序清单其值只能为等整数没有默认值滚动代码如可放文字和图片可用属性有交替进行一次滚动循环往返可用属性有数量宽度高度滚动次数延迟时间肇庆学院青年网这两个标记都不为所赞同希望用者能用及代替两个标记的用法与完全一样若浏览器支持框架那么它不会理会中的东西但若浏览器不支持框架那么浏览器将会显示中的内容称为顺序清单标记所谓顺序清单就是在每一项前面加上等数又称为编引清单如设定数目样式共有种默认为设定开始数目不论设定了哪一数目款式其值只能是等整数默认为阿拉伯数字小写字母大写字母小写罗马字母大写罗马字母段落标记如可选择右边居中左边默认值一个容器标记意思是说它用以声明这是表格而且其他表格标记只能在它范围内才适用如表格线宽度字体格线距离文字与隔线的距离表格内文字图像的摆放位置可选择表格内文字图像的摆放位置垂直可选择表格背景图片与不要同用表格底色与不要同用表格边框颜色在与有不同的效果表格边框向阳部分的颜色表格宽度表格高度用于标识储存格如表格内文字图像的摆放位置可选择表格内文字图像的摆放位置垂直可选择表格宽度表格高度用于储存表格右边打通的列数用于储存表格左边打通的列数用于标识储存格和一样唯一不同的是所标识的储存格中的文字是以粗体出现的如表格内文字图像的摆放位置可选择表格内文字图像的摆放位置垂直可选择表格宽度肇庆学院青年网表格高度用于储存表格右边打通的列数用于储存表格左边打通的列数用于标识表格列如表格内文字图像的摆放位置可选择表格内文字图像的摆放位置垂直可选择表格宽度表格高度无序清单标记如符号是当前时的列项符号符号是当前时的列项符号符号是当前时的列项符号