Welcome!

Industrial IoT Authors: Elizabeth White, Stackify Blog, Yeshim Deniz, SmartBear Blog, Liz McMillan

Blog Feed Post

HTML5 and browser support - 2

In this post we take a look at the hyperlink in HTML5.
The hyperlink in HTML5 as in other versions is represented by 'a'. This has changed in
HTML5. There are,
* Permitted contents
* Permitted attributes
* number of constraints that list out obsolete attributes

The readers should read the W3C working Groups note here
http://www.w3.org/TR/html-markup/a.html#a

In here we will see how a web page with a number of links gets displayed in the four
browsers (versions of browsers used are in the below link) we previously considred in here:


http://hodentek.blogspot.com/2013/08/html5-and-browser-support.html
 

The 'a' tag can sorround inline or block content as described in the above w3C note
quoted here:


"Although previous versions of HTML restricted the a element to only containing phrasing content (essentially, what was in previous versions referred to as “inline” content), the a element is now transparent; that is, an instance of the a element is now allowed to also contain flow content (essentially, what was in previous versions referred to as “block” content)—if the parent element of that instance of the a element is an element that is allowed to contain flow content."
 

The following HTML5 was used in Microsoft Visual Studio Express 2013 Preview to look at how browsers responded and whether screen readers such as 'JAWS 14' could pick up the elements correctly. Of the tested browsers only IE10 and Chrome could be read with 'JAWS' and the other two browsers did not. I am not sure if the browsers support the accessibility features needed. The reading by 'JAWS' is a little difficult to understand unless you hear a couple of times over and over again. It is fair to say that Chrome fared a little bit better than IE 10 in that where as the reading was continuous from top of page to the bottom in Chrome it was discontinuous in IE 10.

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Hyperlink</title>
</head>
<body>
<h1>Hyperlinks</h1>
<a id="section5">TOP</a>
<p >The very beginning of internet can be attributed to the use of hyperlinks. <br/>
Hyperlinks are decorated region of a document when clicked takes the user to <br/>       
more details of the clicked region in the original document. For example, clicking<br/>
Microsoft below takes you to Microsoft Web site where you can learn lot more about<br/>
Microsoft.</p>
<h2>Here follows an example of a simple hyperlink that when clicked takes you to Microsoft Web site.:</h2>
<a href="http://www.microsoft.com" target="_blank" >Microsoft</a><!--inline-->
<h2 >Here follows an example of what is new and what you can do in HTML5. Now you can link<br/>
a whole block.</h2>
<!--block-->
<a href="http://www.Microsoft.com">
<img src="C:\Users\mysorian\Desktop\MicrosoftImage.png" alt="Microsoft" />
<address>Microsoft Corporation<br/>           
One Microsoft Way<br/>           
Redmond, WA 98052-6399<br/> USA </address>
<span class="email">Send us an email</span>
</a><br/>   
<a href="mailto:[email protected]?Subject=HTML5" target="_top">Email address</a><br/>   
<a href="#section5">Go to top</a>
</body></html>

All the browsers recognized the block as a single link however the rendering of the 'flow and phrasing content' was different in different browsers. IE 10 and Chrome performed the best as far as rendering is concerned,

Chrome:
  IE10:
Firefox:
Safari:
 
Logo used in the post is a Microsoft Copyright and is used for illustration only.




      

 



 

 

Read the original blog entry...

More Stories By Jayaram Krishnaswamy

Jayaram Krishnaswamy is a technical writer, mostly writing articles that are related to the web and databases. He is the author of SQL Server Integration Services published by Packt Publishers in the UK. His book, 'Learn SQL Server Reporting Services 2008' was also published by Packt Publishers Inc, Birmingham. 3. "Microsoft SQL Azure Enterprise Application Development" (Dec 2010) was published by Packt Publishing Inc. 4. "Microsoft Visual Studio LightSwitch Business Application Development [Paperback] "(2011) was published by Packt Publishing Inc. 5. "Learning SQL Server Reporting Services 2012 [Paperback]" (June 2013) was Published by Packt Publishing Inc. Visit his blogs at: http://hodentek.blogspot.com http://hodentekHelp.blogspot.com http://hodnetekMSSS.blogspot.com http://hodnetekMobile.blogspot.com He writes articles on several topics to many sites.

IoT & Smart Cities Stories
Digital Transformation and Disruption, Amazon Style - What You Can Learn. Chris Kocher is a co-founder of Grey Heron, a management and strategic marketing consulting firm. He has 25+ years in both strategic and hands-on operating experience helping executives and investors build revenues and shareholder value. He has consulted with over 130 companies on innovating with new business models, product strategies and monetization. Chris has held management positions at HP and Symantec in addition to ...
Dynatrace is an application performance management software company with products for the information technology departments and digital business owners of medium and large businesses. Building the Future of Monitoring with Artificial Intelligence. Today we can collect lots and lots of performance data. We build beautiful dashboards and even have fancy query languages to access and transform the data. Still performance data is a secret language only a couple of people understand. The more busine...
The challenges of aggregating data from consumer-oriented devices, such as wearable technologies and smart thermostats, are fairly well-understood. However, there are a new set of challenges for IoT devices that generate megabytes or gigabytes of data per second. Certainly, the infrastructure will have to change, as those volumes of data will likely overwhelm the available bandwidth for aggregating the data into a central repository. Ochandarena discusses a whole new way to think about your next...
CloudEXPO | DevOpsSUMMIT | DXWorldEXPO are the world's most influential, independent events where Cloud Computing was coined and where technology buyers and vendors meet to experience and discuss the big picture of Digital Transformation and all of the strategies, tactics, and tools they need to realize their goals. Sponsors of DXWorldEXPO | CloudEXPO benefit from unmatched branding, profile building and lead generation opportunities.
All in Mobile is a place where we continually maximize their impact by fostering understanding, empathy, insights, creativity and joy. They believe that a truly useful and desirable mobile app doesn't need the brightest idea or the most advanced technology. A great product begins with understanding people. It's easy to think that customers will love your app, but can you justify it? They make sure your final app is something that users truly want and need. The only way to do this is by ...
DXWorldEXPO LLC announced today that Big Data Federation to Exhibit at the 22nd International CloudEXPO, colocated with DevOpsSUMMIT and DXWorldEXPO, November 12-13, 2018 in New York City. Big Data Federation, Inc. develops and applies artificial intelligence to predict financial and economic events that matter. The company uncovers patterns and precise drivers of performance and outcomes with the aid of machine-learning algorithms, big data, and fundamental analysis. Their products are deployed...
Cell networks have the advantage of long-range communications, reaching an estimated 90% of the world. But cell networks such as 2G, 3G and LTE consume lots of power and were designed for connecting people. They are not optimized for low- or battery-powered devices or for IoT applications with infrequently transmitted data. Cell IoT modules that support narrow-band IoT and 4G cell networks will enable cell connectivity, device management, and app enablement for low-power wide-area network IoT. B...
The hierarchical architecture that distributes "compute" within the network specially at the edge can enable new services by harnessing emerging technologies. But Edge-Compute comes at increased cost that needs to be managed and potentially augmented by creative architecture solutions as there will always a catching-up with the capacity demands. Processing power in smartphones has enhanced YoY and there is increasingly spare compute capacity that can be potentially pooled. Uber has successfully ...
SYS-CON Events announced today that CrowdReviews.com has been named “Media Sponsor” of SYS-CON's 22nd International Cloud Expo, which will take place on June 5–7, 2018, at the Javits Center in New York City, NY. CrowdReviews.com is a transparent online platform for determining which products and services are the best based on the opinion of the crowd. The crowd consists of Internet users that have experienced products and services first-hand and have an interest in letting other potential buye...
When talking IoT we often focus on the devices, the sensors, the hardware itself. The new smart appliances, the new smart or self-driving cars (which are amalgamations of many ‘things'). When we are looking at the world of IoT, we should take a step back, look at the big picture. What value are these devices providing. IoT is not about the devices, its about the data consumed and generated. The devices are tools, mechanisms, conduits. This paper discusses the considerations when dealing with the...