Welcome!

Industrial IoT Authors: Yeshim Deniz, Elizabeth White, Stackify Blog, 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
Cloud computing delivers on-demand resources that provide businesses with flexibility and cost-savings. The challenge in moving workloads to the cloud has been the cost and complexity of ensuring the initial and ongoing security and regulatory (PCI, HIPAA, FFIEC) compliance across private and public clouds. Manual security compliance is slow, prone to human error, and represents over 50% of the cost of managing cloud applications. Determining how to automate cloud security compliance is critical...
Enterprises have taken advantage of IoT to achieve important revenue and cost advantages. What is less apparent is how incumbent enterprises operating at scale have, following success with IoT, built analytic, operations management and software development capabilities - ranging from autonomous vehicles to manageable robotics installations. They have embraced these capabilities as if they were Silicon Valley startups.
"MobiDev is a Ukraine-based software development company. We do mobile development, and we're specialists in that. But we do full stack software development for entrepreneurs, for emerging companies, and for enterprise ventures," explained Alan Winters, U.S. Head of Business Development at MobiDev, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
Recently, REAN Cloud built a digital concierge for a North Carolina hospital that had observed that most patient call button questions were repetitive. In addition, the paper-based process used to measure patient health metrics was laborious, not in real-time and sometimes error-prone. In their session at 21st Cloud Expo, Sean Finnerty, Executive Director, Practice Lead, Health Care & Life Science at REAN Cloud, and Dr. S.P.T. Krishnan, Principal Architect at REAN Cloud, discussed how they built...
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...
Bill Schmarzo, author of "Big Data: Understanding How Data Powers Big Business" and "Big Data MBA: Driving Business Strategies with Data Science," is responsible for setting the strategy and defining the Big Data service offerings and capabilities for EMC Global Services Big Data Practice. As the CTO for the Big Data Practice, he is responsible for working with organizations to help them identify where and how to start their big data journeys. He's written several white papers, is an avid blogge...
Business professionals no longer wonder if they'll migrate to the cloud; it's now a matter of when. The cloud environment has proved to be a major force in transitioning to an agile business model that enables quick decisions and fast implementation that solidify customer relationships. And when the cloud is combined with the power of cognitive computing, it drives innovation and transformation that achieves astounding competitive advantage.
Machine learning has taken residence at our cities' cores and now we can finally have "smart cities." Cities are a collection of buildings made to provide the structure and safety necessary for people to function, create and survive. Buildings are a pool of ever-changing performance data from large automated systems such as heating and cooling to the people that live and work within them. Through machine learning, buildings can optimize performance, reduce costs, and improve occupant comfort by ...
JETRO showcased Japan Digital Transformation Pavilion at SYS-CON's 21st International Cloud Expo® at the Santa Clara Convention Center in Santa Clara, CA. The Japan External Trade Organization (JETRO) is a non-profit organization that provides business support services to companies expanding to Japan. With the support of JETRO's dedicated staff, clients can incorporate their business; receive visa, immigration, and HR support; find dedicated office space; identify local government subsidies; get...
With 10 simultaneous tracks, keynotes, general sessions and targeted breakout classes, @CloudEXPO and DXWorldEXPO are two of the most important technology events of the year. Since its launch over eight years ago, @CloudEXPO and DXWorldEXPO have presented a rock star faculty as well as showcased hundreds of sponsors and exhibitors! In this blog post, we provide 7 tips on how, as part of our world-class faculty, you can deliver one of the most popular sessions at our events. But before reading...