avatarYunus Emre Adas

Summary

The article provides insights into five lesser-known HTML tips that can enhance web development efficiency and user experience.

Abstract

The article titled "5 Html Tips Probably You Don’t Know" delves into advanced HTML features that are often overlooked by web developers. It emphasizes the importance of deepening one's knowledge in HTML, despite the common focus on other programming languages like JavaScript and PHP. The author shares practical HTML tips such as the use of the 'capture' attribute for direct media input, the auto-refresh feature, active spell check, specifying file types for uploads, and preventing content translation. These tips aim to streamline the development process and improve the functionality and accessibility of websites.

Opinions

  • The author suggests that many developers prioritize learning JavaScript, PHP, or Node.js over HTML, implying that HTML is sometimes underestimated as a foundational skill.
  • Regular reading and learning are advocated by the author as a means to uncover hidden features of HTML and enhance one's expertise in web development.
  • The article conveys the opinion that incorporating these HTML tips can lead to a more interactive and user-friendly website, as they allow for direct media capture, automatic content updates, and improved input validation.
  • The author believes that preventing the translation of certain elements, such as brand names or logos, is crucial for maintaining brand identity and ensuring consistent user experience across different languages.
  • Encouragement for reader engagement is evident, as the author requests applause for the article and invites readers to subscribe to a newsletter and follow on social media platforms.

5 Html Tips Probably You Don’t Know

Html’s secret attriubutes to use anywhere

Photo by Pete F on Unsplash

Did you read about Html?

It really has many features to learn.

Html is the base of web development. Every web developer already knows that. In this article I want to tell something different.

If you are not a member, you can access to full text here.

Most of developer focus on real languages like js, php or node.js like me. As the years passed, I decided to further deepen my knowledge.

So I read and learn daily. Let’s find out together what features html has.

1. Capture Attribute

Capture attribute

It is used to determine which source to use when receiving media (photo, video, audio) files from the user.

It is usually used with the input element and its value allows the user to capture content directly by opening their device’s camera, microphone or other media source.

It takes two value to control input. ‘capture:user’ uses the user’s front camera or micro as an input. ‘capture:environment’ uses the user’s back camera to capture input data.

2. Auto Refresh

Auto Refresh

You can set your website to refresh after a given amount of time from the head tag. You just need to set up that in the head tag. The code above refreshes page every 10 seconds.

3. Active Spell Check

Active Spell Check

You can use the HTML spellcheck attribute and set it to true to active it. Specify the language to be used using the lang attribute.

It is a standard attribute and it is supported by most browsers like Google, Mozilla.

4. Specify File Type to Be Uploaded

Specify File Type to Be Uploaded

Specify the file types users are permitted to upload in the input tag using the accept attribute.

5. Prevent Translation

Prevent Trranslation

Setting the translate attribute to no, prevents translation.

This is important in case where you do not want a phrase or word to be translated. As an example your logo, company or brand name.

Thanks for coming this far 🎉

You can reach me from the links below:

To access my other articles:

Web Development
HTML
Programming
Entrepreneurship
Software Development
Recommended from ReadMedium