网页设计中的链接和文本标签的应用

时间:2015-3-28 4:11:35   作者:互联网   来源:互联网转载   阅读:61   评论:0
内容摘要:  我们都知道网页的最大特性是链接是的这个在我们现在看起来习以为常的东西让我们的生活发生了巨大的变化是这个小小的标签成就了这个世界上无数的互联网天才那么让我们看看这个标签的真面目  <a href=URL >文本区</a>就是这个简单的标签其实大家都在使用用Dreamweaver可以很简单的添加...

  我们都知道网页的最大特性是链接是的这个在我们现在看起来习以为常的东西让我们的生活发生了巨大的变化是这个小小的标签成就了这个世界上无数的互联网天才那么让我们看看这个标签的真面目

  <a href=URL >文本区</a>就是这个简单的标签其实大家都在使用用Dreamweaver可以很简单的添加链接但是尽管如此我们还是需要知道A的属性是什么这样才能更好的利用它A是个内联标签也就是说它本身并不会产生分行他是流于文本之中的无素那么我们都知道内联元素是不能包含块元素的那就是说在A中不能包含段落DIV等这些块级的元素那么你工作中是否有这样的情况呢?是否在A里加了无数的块级标签呢?那从现在开始改掉这个坏习惯这样不光可以避免一些没必要的BUG问题同时也能给GOOGLE等这些搜索引擎一个好印象多点印象分当然除此之外振之还推荐在大家伙在A中加入titile属性

  <a href=URL title=这可用以解释或是显示完整的文本内容>文本区</a>

  链接标签中的href=URL这个URL是个非常强大的东西当然这不是我们这个专栏的内容但是也非常推荐读者们可以认真阅读一下相关的知识我从百度百科中找到了相关文档请大家点击阅读(站外链接请读者们选择新窗口阅读)关于链接就暂时只讲这么多如有什么疑问请通过文后的联系信息与我联系或是在线给我留言

  标题几乎是所有文章都会有的要素也是我们用以识实与索引文章的重要元素我们通过标题去感知文章内的核心那么你知道吗?合理使用标题标签会让你的文章更受关注我们都知道XHTML给我们提供了h~h六个标题标签那么我们如何分配这六个标题标签的使用呢?下面给出一些建议h在浏览器中显示最大那么自然用来表示最大的标题对于一个网站来说哪个标题才是最大的?是LOGO我们通常会在网站的最前面先标注这个网站的名称所以h就用来放LOGO当然如果你的网站没有LOGO只有一个网站名称那也可以当然振之是不推荐在大家在h中放个图片我们完全可以通过CSS来实现以图换字并且推荐网页中h只出现一次

  当h找到了专用的功能那么担任内容标是或是基它标题的重担就要放在另外几个标题标签上了在余下的几个标题中h与h在浏览器默认显示字体是小于正常文本字体的那么推荐h与h只作为免责声明或是版权通告来使用这样即表明重要性又不会太过明显影响阅读对于标题标签的使用尽可能的注意一下他们之间的等级关系当然标题的使用还是需要根据实际使用来决定这里只是给出个建议标题标签是块线元素但是他并不能再包含块级元素了只能包含内联的元素比如链接图像换行之类的记得有个朋友前两天在文章中提到过关于标题的内容但是写法就有错了他把链接写在了H标签的外面把H包起来了这样的写法是不推荐的也不符合标准思维容易给以后的学习产生不好导向

  我们的文章难免会有错误的地方那么有错就要改但是有时候我们需要告诉读者这段是被删除的但是又能让读者看到那么删除标签的作用就产生了以前我们会使用<s></s>或是<strike></strike>来得到一个删除线的效果但是这仅表是一个删除线的效果语义上没有DEL来得更为明确所以这里我要告诉大家放弃以前的方式采用<del></del>这个标签同样能表达我们需要的效果并且意义更为直接明确那么除了删除有时我们还需要对删除的部分作出一些添加与修改那么时候这个标签就非常有作用了那就是插入标签<ins></ins>相信不用我说大家也知道如何使用这两个标签但是千万别忘记了给这两个标签加上两个重要的属性cite与datetime解释与时间解释不用说了只要用文字注明为什么要删除或是为什么要插入就可以了但是这个时间需要明确一下格式严格的格式是YYYYMMDDThh:mm:ssTZD呵呵与我们平时用的差不多但是有区别其中T是表示时间段开始的必需字符而TZD则是表示时区Z是表是格林威治标准时间一秀的写法是T::Z

  在所有的标签中有两上标签是样式标签但是却没有被禁用因为这两个标签所表述的内容很特别上下标<sup>上标</sup><sub>下标</sub>

  这两个标签用得到机率比较小但是上标应该还是会常用到的比如温度中的摄氏度的上的小圆圈当然现有有专业的字符对应还有我们常看到书中的脚注上标[]

  hr分平分隔线这个标签与换行标签只要注意标签的写法就可以了<hr /><br />

  关于文本部分的标签就讲到这里当然标签可能还有很多但是一些不推荐使用的不常用的这里就不再推荐有兴趣的可以搜索一下相关的内空阅读一下即可


标签:网页 设计 中的 链接 文本 

免责申明:

站内素材文件均整理自互联网,仅供个人学习参考使用,请勿用于商业用途,如您喜欢请购买正版

站内资源除部分为本站原创外皆由网上搜集和整理,若无意中侵犯到您的权利,敬请告之(QQ:2390986128)敬请告之,我们将在48小时内删除。知识产权声明】【★下载说明★】

全站地图