网页制作中注意应用html标签的问题

html css网页制作成品 可根据具体需求修改文字内容、配色方案(推荐使用泉州传统色调:砖红色#c53d13、海水蓝#1e88e5)和图片资源。以下是一个基于家乡文化主题的完整HTML+CSS网页代码示例,包含响应式布局、基础交互和详细注释。推荐Dreamweaver、VSCode、HBuilder等编辑器。通过以上方案,可快速完成符合毕业要求的网页作品。推荐选择展示类主题,如家乡文化(四川、福建等)的代码结构,结合自身主题进行二次开发。 阅读详情

部分不良标签基本上是表现标签(比如small),它们可以用更有意义和更简单的css规则取代。其他的不仅用于表现,而且还是不必要的庞大(比如font标签)或者对可用性有害的可恶的(比如blink)。

标签

上述的标签与最新的html标准尽管都兼容,但对内容却没有任何好标签应有的意义。they could be more useful but they aren't particularly harmful, and might easily be mistaken for innocent butter-wouldn't-melt-in-their-mouth nuggets of pure goodness when standing next to the following filthy tags.

  • u可以为元素产生下划线。它提醒着下划线文本还很多连接关联。这就是这个标签死了很久的原因——你不必给非连接文本下划线。
  • center可以用来居中在元素内部的元素。css属性text-align答应不仅仅是center,还有left、right和justify。
    • menu用来创建菜单列表。它并没有ul做的完美,在因为无序列表更通用,ul高高地站在menu的尸体上。
      • layer和div元素相似,都由css绝顶位置。这仅仅能在老版本的netscape中工作,所以再也没有什么用。
        • blink或者marquee。大声说不!它们应该像本身意义一样被期待,但有着十分有限的支持,和,只会产生非常,非常恶心的笑话。
          • font,可以用来定义元素的字体名称,尺寸和颜色,在标签世界中理所当然地获得了臭名昭著标签之王荣誉称号。旧的网站(甚至新的也有)像满世界的瘟疫之蚁一样布满整个页面。大部分的font标签激增是从网页制作软件带来的,把font标签包括颜色和尺寸用在每一个元素。font标签被滥用到出现在当前的每一个重复元素的(如,每次你使用p元素),而css,则可以用一条简短的代码来应用重复元素,甚至控制整个网站。使用css方法,不仅可以使页面比被大量font标签寄生的更苗条,而且更轻易维护因为你所需要做得只是改变css文件中的一行,而不是逐一修改每一个font标签。这也增加了维护一个一直保持设计风格一致的网站的可能性。font标签和不恰当的表格使用是两个产生网页不必要臃肿的主要原因。

          属性

          保留标签的表现属性如图像的width和height,表格的cellpadding和cellspacing,是由于这些元素经常使用不同的值。这不是完美的解决方案,但假如你的网页有大量的图像和表格,你没有其他的明智选择,只好使用它们。

          要进入你的卧室你可以弯腰通过一个狗洞,但等等,还有一扇有把手的为人类预备的门!哇,看——刚好适合一个进入。

          网页本身对用户来说,比起html标签语法语义更易用,屏幕阅读器常会在碰到一个ul标签或者有着h1或h2的标题标签时强调突出它们。

          有时侯设计者还会用在这里提到的这些标签和属性(非凡是用表格来布局)来做过渡型的设计──既可以工作在老版本的浏览器上(尤其是netscape4),也可以工作在现代浏览器上。表格确实可以在css不称职的netscape4上有更强的表现控制。很不幸,这些用户很少而且越来越少了,而展现表格布局的缺点一览无遗的移动设备用户越来越多。上述的无表格设计可以预防这些缺点,尽管对一小部分的用户有些许的表现改变,但还能在所有的浏览其中保持着完全的功能。

          框架

          大部分的网站并不是用框架,而一般用户也会把一个文档当作一页。

          总之,框架只会增加复杂性和丧失可用性。

          注重

          1)一个标签或者属性就算只有一点点的跟表现搭上,都不要使用。那是css的事。并且css做得更好。

          3)特定的内容用恰当的标签。列表用list,标题用hx(x = 1 - 7)等等等等。

          延伸阅读

          • html高级指南的标准要点:戒掉坏习惯和转向标准──兼容xhmtl

Camunda 7.x 系列【62】启动流程实例源码解析 为了更好的了解Camunda,接下来我们简单分析下启动流程实例相关源码 阅读详情

相关推荐

告别Keil?在Mac上配置STM32CubeIDE + CMSIS-DAP调试器全攻略(含常见报错解决)

本文详细介绍了在Mac平台上配置STM32CubeIDE与CMSIS-DAP调试器的全流程,包括硬件准备、软件安装、工程创建及调试优化。通过实战指南,帮助开发者高效完成STM32开发,解决常见报错问题,提升开发效率。

weixin_30485379的博客 434

网页代码规范与html标签优化,不可不知的HTML优化技巧

如何提升Web页面的性能,很多开发人员从多个方面来下手如JavaScript、图像优化、服务器配置,文件压缩或是调整CSS。很显然HTML 已经达到了一个瓶颈,尽管它是开发Web 界面必备的核心语言。HTML页面的负载也是越来越重。大多数页面平均需要40K的空间,像一些大型网站会包含数以千计的HTML 元素,页面Size会更大。如何有效的降低HTML 代码的复杂度和页面元素的数量,本文主要解决了这...

weixin_39652760的博客 210

基于arduino开发环境 esp32开发板 L298N电机驱动的双驱蓝牙小车教程(零基础版)

基于ardino开发环境 esp32开发板 L298N电机驱动的双驱蓝牙小车教程(零基础版)

qq12345678945786的博客 5442

绘制HTML5的Logo

仿照黑马程序员的教程自己写的,总结一些经验 一、HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5 logo</title> <!--链入式样式表--> <l...

KK_2018的技术博客_程序员不止是程序员 7454

C# 实现文件和字符串的AES加密解密

C# 实现文件和字符串的AES128加密解密

m0_72044573的博客 5937

基于ST32 DAC7311数模转换器驱动代码及电路设计完整版

基于ST32的DAC7311模数转换器的电路设计及驱动代码完整版

qq_39626643的博客 3722

标签控件中显示对话框出现的问题及解决方法

问题描述: 1.整体对话框出现时,理应出现在标签控件当中的对话框飞出去了,没有在标签控件当中; 2.标签控件切换的时候有问题,并不是所有的标签选项都可以切换到。 解决方法: 1.飞出去的解决方法: 过程:在查询标签控件所在的屏幕坐标系和客户区坐标系时,都非常的奇怪,都是几乎在整个电脑屏幕的左上角,明显与所在的位置不大一样。 方法:将对话框的的Style改为child风格

qq_34130311的博客 686

AutoSAR配置与实践(基础篇)3.2 BSW中的I/O架构和模块详解

车门位置传感器(Sensor SWC)输出的电流信号经过了一系列处理,如先被转化为电压信号,后又经ADC转换为数字信号,但是IoHwAb模块对上层隐藏了这一系列处理过程,并将数据直接抽象为它的输出接口,即车门开关状态接口。Sensor SWC 使用RTE接口直接从IoHwAb模块封装的车门开关状态,SWC它并不关心ECU硬件是如何实现的传感器电流采集,也不关心MCU ADC采样精度(如10/12位)IoHwAb把采集的电压抽象为开关状态,使得Sensor SWC不依赖具体的ECU硬件。

nihaoljq2010的博客 1300

html网页制作中的问题,网页制作中注意应用HTML标签的问题

网页制作网络技术需要大家共同分享,不能闭门造车,下面是bj-dns文章简介:本文介绍了在网页制作学习中应该注意的使用的一些HTML标签的问题。HTML已经尝试去除表现和朝向内容发展,导致这样一个基本原理:从表现(CSS)中分离出内容意义(HTML)。这将会给网页减肥,因为一个表现指令集合(以外部CSS文档的形式)可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。部...

weixin_39587238的博客 262

BART non-Cartesian 重建:并行成像 压缩感知

本文主要使用并行成像和压缩感知方法实现non-Cartesian MRI 数据的重建。

张哥频道:电生理信号和磁共振成像 1182

手把手教你学simulink--永磁同步电机场景实例:使用Simulink进行PMSM的矢量控制仿真

矢量控制的重要性提高效率:通过精确控制磁场方向,可以优化电机的工作状态,减少损耗。增强动态性能:矢量控制能够快速响应负载变化,提供更好的调速性能。简化设计:将复杂的交流电机控制问题转化为类似直流电机的控制问题,便于设计和实现。通过上述步骤,我们简要介绍了如何基于Simulink实现PMSM的矢量控制仿真。

MHD0815的博客 422

关于HTML+css的面试题及答案(1)

本篇博客是关于html和css的部分面试题,后续还会再更新,大家可以根据各自需要自取

SSSS__AS的博客 486

【33】软考软件设计师——算法题(二):贪心法与回溯法深度精讲|第4题进阶满分攻略

本文是《软件设计师·50讲通关|从零基础到工程师职称》专栏第33篇,承接第32篇分治法与动态规划,聚焦**下午第4题算法大题进阶核心**,详解贪心法与回溯法两大高频难点算法。全文超4000字深度拆解贪心法核心原理、贪心选择性质、局部最优推全局最优的底层逻辑,厘清贪心算法适用边界与经典误区;深挖回溯法深度优先遍历思想、递归回溯三步流程、可行性剪枝与最优性剪枝两大核心技巧;全覆盖活动选择、零钱兑换、01背包贪心禁区、八皇后、全排列等软考必考经典题型;配套标准化算法框架代码、考场填空模板、剪枝优化实操案例

专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域,希望和大家共同进步! 442

HTML学习笔记_常用标签的使用及注意事项

html学习笔记 本文根据B站pink老师的视频整理而成,包含常用标签的使用及注意事项。 html简介 浏览器 浏览器内核(渲染引擎) Web标准 1、为什么需要Web标准? 浏览器不同,它们显示页面或者排版就会有些许差异,所以需要一套标准来规范。 2、Web标准的构成 主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。 标准 说明...

Curry_On的博客 5031

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

简单HTML网页制作 实例

HTML网页制作 1.新建文本文档,以“html”结尾。 2.用html网页逻辑器打开,这里我们用Sublime Text打开。 在标签<body></body>里写文本,<h1></h1>意思是把文本设置为标题, align里设置文本居中属性。 html基本结构 <html></html> 段落标签 <p></p> 用来分段用的 空格标签 &nbsp 有几个空格就写几个 &nbsp 标题标签

xiaoxiaoxiexies的博客 2万+

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

HTML网页制作基础第一弹

听雨现在每天都会更新一些关于HTML网页制作的一些知识,从零开始,希望大家和听雨一起进步 HTML基本概念         HTML是HyBer Txet Markup language这四个英文单词的一个缩写,中文翻译为超文本标记语言,所以也称之为标记性语言。个人理解认为Html就是浏览器的母语,所以学习设计网页我们就要学习浏览器的语言!也就是html语言。而学习HTML的作

dx15618816293的博客 7608

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

html的各种标签详解

head标签学习 网页标题标签 1 2 <title>HTML学习</title> <!-- 告诉浏览器我们需要什么标题来显示页 --> 编码格式标签 1 2 <meta charset="utf-8" /> <!-- H5网页解析编码标签 --> <meta http-equiv="content-type" content="t

shengyin714959的博客 2916

HTML常用标签总结

一些常用的HTML标签的介绍与使用

weixin_64182409的博客 6761

HTML中标签的作用(一)

(1.)Link标签。可以导入css和其他的插件。 A标签,用途很广,可以放入网址,文件等,(注意放入东西后,a标签里面要放入字体,否则会显示不出来),放入文件点击a标签会下载此文件。 (3.)div,一个最常用的东西,它是一个快级元素,也是一个新的行。div可以把文档分割为独立的、不同的部分。div里面可以放入class或id等(注意,每个id都是独一无二的)。 (4.)可以创建各种不同类...

ALIX的博客 8986

HTML页面制作中出现的问题,网页制作过程中的普遍问题分析

网页制作过程中的普遍问题分析网页制作是一个需要下苦功夫进行学习与钻研的过程,同时在学习中会积累到很多的经验,下面是小编搜集整理的一篇关于网页制作常见问题探讨的论文范文,欢迎阅读查看。一、引言如今,国家大力提倡素质教育和终身教育,人们在自身发展过程中对于信息的需求会提出更高的要求。网页自身所具有的特点是信息量十分庞大,且传递速度较快,没有特别的时空限制等,这就使得其能够满足人们的需求而成为一种十分高...

weixin_34703307的博客 6492

HTML标签概述及<html>,<head>,<title>,<link>,<form>,<meta>详细介绍

Web概述与创建介绍Web出发创建自己的Web后记三级目录 介绍 web(World Wide Web)是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 超文本:是计算机处理文本信息的方法,不同空间的电子文档通过超链接组织起来成为一个“网”,这个文档“网”称为“超级文本”,简称“超文本”。 HTTP:全称Hyper Text Transfer Protocol(超文本传输协议)。经过多年的发展,现在HTTP能够传输图片等多媒体文件,是Web世界的中流砥柱,应用非常广泛 W

share something here 8313

HTML学习之网页制作基础和常用标签及标签属性

静态网页的制作 静态网页是由html、css、JavaScript三种元素构成; HTML的作用是将数据信息在网页中显示; CSS的作用是对页面进行修饰; JavaScript的作用是让用户可以和页面进行简单的交互; HTML 超文本标记语言(Hyper Text Markup Language), “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素; 超文

DanEmpress的博客 4419

html5 常用标签的使用

什么是HTML? HTML 指的是超文本标记语言:HyperTextMarkupLanguage HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签(markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML标签及文本内容 HTML文档也叫做web 页面 HTML语法骨架格式 <html> 根标签,页面中最大的标签 <head> 头部,head标签中必须要设置的标签是title ...

baipenggui_bo 5571

【HTML基础-1】HTML标签简介及常用标签

目录1 HTML概述1.1 什么是HTML1.2 HTML的语法规则2 HTML标签简介2.1 HTML标签2.2 HTML元素2.3 HTML实例3 HTML常用标签3.1 标题标签3.2 段落标签3.3 换行标签3.4 < hr/ >水平线3.5 span标签和div标签3.6 文字段落缩进标签3.7 文字特殊样式3.8 超链接标签3.9 图片标签3.10 注释及特殊字符标签3.11 建立列表3.11.1 建立无序列表3.11.2 建立有序列表3.1

m0_64378913的博客 6362

Web前端 HTML 基本结构标签

第一个HTML 每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写。 标签名 定义 说明 <html> </html> HTML标签 页面中最大的标签,我们称为 根标签 <head> </head> 文档头部 注意在head标签中我们必须要设置的标签是title <title> </title> 文档标题 让页面拥有一个属于自己的页面标题

运维派大星 5626

web前端【HTML网页制作开发】一篇就够

大家好!今天分享一下关于HTML的知识,一是帮助自己复习,二是想告诉小伙伴们,网页没你想的那么复杂,我会用大白话讲解,让你快乐走上前端之路,我是一个后端的,手动狗头,话不多说,coding 🍉。...

weixin__BJ050106的博客 4485
上一篇: http://men.buyest.com/category/13_0_0_0_0_0_0.html ...
下一篇: html教程:收集的常用的html标签(6)
Labber
博客等级 码龄19年 26粉丝 1976原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值